@mhmo91/schmancy 0.10.34 → 0.10.35

package/custom-elements.json

@@ -445,23 +445,10 @@
       "attributes": [
         {
           "name": "id",
+          "description": "Identity for localStorage drag-position persistence.",
           "type": "string",
           "default": "\"default\""
         },
-        {
-          "name": "icon",
-          "type": "string | undefined"
-        },
-        {
-          "name": "label",
-          "type": "string | undefined"
-        },
-        {
-          "name": "lowered",
-          "description": "When true, uses a lower elevation shadow on the FAB.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "corner",
           "description": "Corner the FAB is anchored to.",
@@ -484,26 +471,10 @@
         {
           "name": "id",
           "attribute": "id",
+          "description": "Identity for localStorage drag-position persistence.",
           "type": "string",
           "default": "\"default\""
         },
-        {
-          "name": "icon",
-          "attribute": "icon",
-          "type": "string | undefined"
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "type": "string | undefined"
-        },
-        {
-          "name": "lowered",
-          "attribute": "lowered",
-          "description": "When true, uses a lower elevation shadow on the FAB.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "corner",
           "attribute": "corner",

package/dist/agent/schmancy.agent.js

@@ -13455,10 +13455,10 @@ typeof document < "u" && It(k(document, "pointerdown", {
 }))).subscribe((e) => wu.next(e));
 var ju = "schmancy-boat-", Mu = class extends K {
 	constructor(...e) {
-		super(...e), this.id = "default", this.lowered = !1, this.corner = "bottom-right", this.open = !1, this.isDragging = !1, this._currentCorner = "bottom-right", this._position = {
+		super(...e), this.id = "default", this.corner = "bottom-right", this.open = !1, this.isDragging = !1, this.currentCorner = "bottom-right", this.position = {
 			x: 16,
 			y: 16
-		}, this._containerRef = Ms(), this._headerRef = Ms(), this.#e = !1, this.#n = [];
+		}, this.containerRef = Ms(), this.headerRef = Ms(), this.#e = !1, this.#n = [];
 	}
 	static {
 		this.styles = [U`
@@ -13473,65 +13473,65 @@ var ju = "schmancy-boat-", Mu = class extends K {
 	#e;
 	#t;
 	#n;
-	_applyContainerPosition() {
-		let e = this._containerRef.value;
+	applyContainerPosition() {
+		let e = this.containerRef.value;
 		if (!e) return;
 		e.style.removeProperty("left"), e.style.removeProperty("right"), e.style.removeProperty("top"), e.style.removeProperty("bottom");
-		let { x: t, y: n } = this._position;
-		this._currentCorner.includes("right") ? e.style.right = `${t}px` : e.style.left = `${t}px`, this._currentCorner.includes("bottom") ? e.style.bottom = `${n + il.bottomOffset}px` : e.style.top = `${n}px`;
+		let { x: t, y: n } = this.position;
+		this.currentCorner.includes("right") ? e.style.right = `${t}px` : e.style.left = `${t}px`, this.currentCorner.includes("bottom") ? e.style.bottom = `${n + il.bottomOffset}px` : e.style.top = `${n}px`;
 	}
-	_loadPosition() {
+	loadPosition() {
 		try {
 			let e = localStorage.getItem(ju + this.id);
 			if (e) {
 				let t = JSON.parse(e);
-				this._position = {
+				this.position = {
 					x: t.x,
 					y: t.y
-				}, this._currentCorner = t.anchor;
+				}, this.currentCorner = t.anchor;
 			}
 		} catch {}
 	}
-	_savePosition() {
+	savePosition() {
 		try {
 			localStorage.setItem(ju + this.id, JSON.stringify({
-				...this._position,
-				anchor: this._currentCorner
+				...this.position,
+				anchor: this.currentCorner
 			}));
 		} catch {}
 	}
-	_validateBounds() {
-		let e = this._containerRef.value;
+	validateBounds() {
+		let e = this.containerRef.value;
 		if (!e) return;
 		let t = e.getBoundingClientRect();
 		if (t.width === 0) return;
-		let n = window.innerWidth, r = window.innerHeight, i = this._currentCorner.includes("right"), a = this._currentCorner.includes("bottom"), o = i ? n - this._position.x - t.width : this._position.x, s = a ? r - this._position.y - t.height : this._position.y, c = Math.max(0, Math.min(o, n - t.width)), l = Math.max(0, Math.min(s, r - t.height));
-		this._position = {
+		let n = window.innerWidth, r = window.innerHeight, i = this.currentCorner.includes("right"), a = this.currentCorner.includes("bottom"), o = i ? n - this.position.x - t.width : this.position.x, s = a ? r - this.position.y - t.height : this.position.y, c = Math.max(0, Math.min(o, n - t.width)), l = Math.max(0, Math.min(s, r - t.height));
+		this.position = {
 			x: i ? n - c - t.width : c,
 			y: a ? r - l - t.height : l
-		}, this._applyContainerPosition();
+		}, this.applyContainerPosition();
 	}
-	_reorientToNearestCorner() {
-		let e = this._containerRef.value;
+	reorientToNearestCorner() {
+		let e = this.containerRef.value;
 		if (!e) return;
 		let t = e.getBoundingClientRect(), n = t.left + t.width / 2, r = t.top + t.height / 2, i = n > window.innerWidth / 2 ? "right" : "left", a = r > window.innerHeight / 2 ? "bottom" : "top";
-		if (this._currentCorner = `${a}-${i}`, this._position = {
+		if (this.currentCorner = `${a}-${i}`, this.position = {
 			x: 16,
 			y: 16
-		}, this._applyContainerPosition(), Bc.value) return void this._savePosition();
+		}, this.applyContainerPosition(), Bc.value) return void this.savePosition();
 		let o = e.getBoundingClientRect(), s = t.left - o.left, c = t.top - o.top;
-		e.style.transform = `translate(${s}px, ${c}px)`, this._currentAnimation?.cancel();
+		e.style.transform = `translate(${s}px, ${c}px)`, this.currentAnimation?.cancel();
 		let l = e.animate([{ transform: e.style.transform }, { transform: "translate(0,0)" }], {
 			duration: Y.duration,
 			easing: Y.easingFallback,
 			fill: "forwards"
 		});
-		this._currentAnimation = l, l.finished.then(() => {
+		this.currentAnimation = l, l.finished.then(() => {
 			e.isConnected && (e.style.transform = "");
-		}), this._savePosition();
+		}), this.savePosition();
 	}
-	_setupDrag() {
-		let e = this._headerRef.value, t = this._containerRef.value;
+	setupDrag() {
+		let e = this.headerRef.value, t = this.containerRef.value;
 		if (!e || !t) return;
 		let n = !1;
 		k(e, "pointerdown").pipe(j((e) => e.button === 0), I((t) => {
@@ -13552,38 +13552,38 @@ var ju = "schmancy-boat-", Mu = class extends K {
 				let c = e - t, l = s - r;
 				if (Math.sqrt(c * c + l * l) > 5 && !n && (n = !0, this.isDragging = !0), !n) return;
 				let u = window.innerWidth, d = window.innerHeight, f = Math.max(0, Math.min(e - i, u - o.width)), p = Math.max(0, Math.min(s - a, d - o.height));
-				this._position = {
-					x: this._currentCorner.includes("right") ? u - f - o.width : f,
-					y: this._currentCorner.includes("bottom") ? d - p - o.height : p
-				}, this._applyContainerPosition();
+				this.position = {
+					x: this.currentCorner.includes("right") ? u - f - o.width : f,
+					y: this.currentCorner.includes("bottom") ? d - p - o.height : p
+				}, this.applyContainerPosition();
 			}), F(l), en(() => {
-				n ? (this._reorientToNearestCorner(), this.isDragging = !1, n = !1) : (this.isDragging = !1, n = !1, this.toggle());
+				n ? (this.reorientToNearestCorner(), this.isDragging = !1, n = !1) : (this.isDragging = !1, n = !1, this.toggle());
 			}));
 		}), F(this.disconnecting)).subscribe();
 	}
-	_openOverlay() {
+	openOverlay() {
 		if (this.#t) return;
-		let e = this._containerRef.value, t = document.createElement("div");
-		t.className = "flex flex-col", this.#n = [...this._slotted], this.#n.forEach((e) => t.appendChild(e)), this.#t = Eu(t, {
+		let e = this.containerRef.value, t = document.createElement("div");
+		t.className = "flex flex-col", this.#n = [...this.slotted], this.#n.forEach((e) => t.appendChild(e)), this.#t = Eu(t, {
 			anchor: e ?? void 0,
 			dismissable: !0,
 			historyStrategy: "silent"
-		}).pipe(en(() => this._restoreSlotted()), F(this.disconnecting)).subscribe(), this.dispatchScopedEvent("toggle", "open");
+		}).pipe(en(() => this.restoreSlotted()), F(this.disconnecting)).subscribe(), this.dispatchScopedEvent("toggle", "open");
 	}
-	_restoreSlotted() {
+	restoreSlotted() {
 		this.#n.forEach((e) => this.appendChild(e)), this.#n = [], this.#t = void 0, this.open &&= !1, this.dispatchScopedEvent("toggle", "closed");
 	}
 	connectedCallback() {
-		super.connectedCallback(), k(window, "resize").pipe(F(this.disconnecting)).subscribe(() => this._validateBounds()), il.bottomOffset$.pipe(I(() => this._applyContainerPosition()), F(this.disconnecting)).subscribe();
+		super.connectedCallback(), k(window, "resize").pipe(F(this.disconnecting)).subscribe(() => this.validateBounds()), il.bottomOffset$.pipe(I(() => this.applyContainerPosition()), F(this.disconnecting)).subscribe();
 	}
 	firstUpdated() {
-		this._currentCorner = this.corner, this._loadPosition(), this._containerRef.value && (this._applyContainerPosition(), this._setupDrag(), this.#e = !0, this.open && this._openOverlay());
+		this.currentCorner = this.corner, this.loadPosition(), this.containerRef.value && (this.applyContainerPosition(), this.setupDrag(), this.#e = !0, this.open && this.openOverlay());
 	}
 	willUpdate(e) {
-		this.#e && e.has("open") && (this.open && !this.#t ? this._openOverlay() : !this.open && this.#t && this.#t.unsubscribe());
+		this.#e && e.has("open") && (this.open && !this.#t ? this.openOverlay() : !this.open && this.#t && this.#t.unsubscribe());
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._currentAnimation?.cancel(), this.#t?.unsubscribe();
+		super.disconnectedCallback(), this.currentAnimation?.cancel(), this.#t?.unsubscribe();
 	}
 	toggle() {
 		this.open = !this.open;
@@ -13602,41 +13602,36 @@ var ju = "schmancy-boat-", Mu = class extends K {
 			"pointer-events": "auto"
 		}), n = $n({
 			"h-14": !0,
+			"min-w-14": !0,
+			"px-4": !0,
 			"rounded-full": !0,
 			flex: !0,
 			"items-center": !0,
+			"justify-center": !0,
 			"gap-3": !0,
 			"select-none": !0,
 			"touch-none": !0,
 			"cursor-grabbing": this.isDragging,
-			"cursor-pointer": !this.isDragging,
-			"px-5": !!this.label,
-			"w-14": !this.label,
-			"justify-center": !this.label
+			"cursor-pointer": !this.isDragging
 		});
 		return L`
 			<schmancy-surface
-				${Fs(this._containerRef)}
+				${Fs(this.containerRef)}
 				type="glass"
-				.elevation=${this.lowered ? 1 : 3}
+				.elevation=${3}
 				class=${e}
 				style=${t}
 				aria-expanded=${this.open}
 			>
 				<div
-					${Fs(this._headerRef)}
+					${Fs(this.headerRef)}
 					class=${n}
 					role="button"
 					tabindex="0"
-					aria-label=${this.label ?? "Open panel"}
+					aria-label="Open panel"
 					title="Drag to move · click to open"
 				>
-					<slot name="header">
-						${J(!!this.icon, () => L`<schmancy-icon>${this.icon}</schmancy-icon>`, () => z)}
-					</slot>
-					${J(!!this.label, () => L`<schmancy-typography type="label" token="lg" class="whitespace-nowrap">
-							${this.label}
-						</schmancy-typography>`, () => z)}
+					<slot name="header"></slot>
 					<slot name="summary"></slot>
 				</div>
 
@@ -13647,13 +13642,10 @@ var ju = "schmancy-boat-", Mu = class extends K {
 		`;
 	}
 };
-V([W({ type: String })], Mu.prototype, "id", void 0), V([W({ type: String })], Mu.prototype, "icon", void 0), V([W({ type: String })], Mu.prototype, "label", void 0), V([W({
-	type: Boolean,
-	reflect: !0
-})], Mu.prototype, "lowered", void 0), V([W({ type: String })], Mu.prototype, "corner", void 0), V([W({
+V([W({ type: String })], Mu.prototype, "id", void 0), V([W({ type: String })], Mu.prototype, "corner", void 0), V([W({
 	type: Boolean,
 	reflect: !0
-})], Mu.prototype, "open", void 0), V([G()], Mu.prototype, "isDragging", void 0), V([G()], Mu.prototype, "_currentCorner", void 0), V([zr()], Mu.prototype, "_slotted", void 0);
+})], Mu.prototype, "open", void 0), V([G()], Mu.prototype, "isDragging", void 0), V([G()], Mu.prototype, "currentCorner", void 0), V([zr()], Mu.prototype, "slotted", void 0);
 var Nu = Mu = V([H("schmancy-boat")], Mu), Pu = class extends K {
 	static {
 		this.styles = [U`