@flux-ui/application 3.2.0-beta.6 → 3.2.0-beta.9

package/dist/index.css

@@ -131,10 +131,14 @@ html[data-application-resizing] .application-menu-backdrop {
   padding-left: 21px;
   padding-right: 21px;
 }
-.application-content-full > .table .table-cell:first-child .table-cell-content {
+.application-content-full > .table .table-cell:not(.table-bar):not(.table-group):not(.is-raw):first-child {
   padding-left: 21px;
 }
-.application-content-full > .table .table-cell:last-child .table-cell-content {
+.application-content-full > .table .table-cell:not(.table-bar):not(.table-group):not(.is-raw):last-child {
+  padding-right: 21px;
+}
+.application-content-full > .table :is(.table-bar-content, .table-group-content) {
+  padding-left: 21px;
   padding-right: 21px;
 }
 
@@ -159,10 +163,14 @@ html[data-application-resizing] .application-menu-backdrop {
     padding-left: 12px;
     padding-right: 12px;
   }
-  .application-content-full > .table .table-cell:first-child .table-cell-content {
+  .application-content-full > .table .table-cell:not(.table-bar):not(.table-group):not(.is-raw):first-child {
     padding-left: 12px;
   }
-  .application-content-full > .table .table-cell:last-child .table-cell-content {
+  .application-content-full > .table .table-cell:not(.table-bar):not(.table-group):not(.is-raw):last-child {
+    padding-right: 12px;
+  }
+  .application-content-full > .table :is(.table-bar-content, .table-group-content) {
+    padding-left: 12px;
     padding-right: 12px;
   }
 }.application-hero {

package/dist/index.js

@@ -33,7 +33,7 @@ function K(e, t, n) {
 	`[contenteditable]:not([contenteditable=false])`,
 	`[tabindex]:not([disabled]):not([tabindex="-1"])`
 ].join(`,`);
-function v(e) {
+function y(e) {
 	let r = unref(e);
 	return R(r) ? r : r?.$el;
 }
@@ -70,7 +70,7 @@ new class {
 		e.setEnabled(t), e.isEnabled = t;
 	}
 }();
-var C = !globalThis.document;
+var w = !globalThis.document;
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseNumber.js
 var parseNumber = (color, len) => {
@@ -3660,15 +3660,15 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 HttpAdapter = _HttpAdapter = __decorate([adapter_default], HttpAdapter);
 RegExp(`[a-z]`), RegExp(`[A-Z]`), RegExp(`[0-9]`), RegExp(`[!"#$%&'()*+,-./:;<=>?@[\\\\\\]^_\`{|}~]`);
 //#endregion
-//#region ../internals/dist/composable-6jMsSnBV.js
+//#region ../internals/dist/composable-Cr4VA1Rs.js
 function O(t, n, r, i = { passive: !0 }) {
 	watch(t, (a, o, s) => {
-		let c = v(t) ?? (a instanceof EventTarget ? a : null);
+		let c = y(t) ?? (a instanceof EventTarget ? a : null);
 		c && (c.addEventListener(n, r, i), s(() => c.removeEventListener(n, r, i)));
 	}, { immediate: !0 });
 }
 function A(e, t) {
-	if (C) return ref(t);
+	if (w) return ref(t);
 	let n = `flux/${e}`, r = ref(i() ?? t);
 	function i() {
 		let e = localStorage.getItem(n);
@@ -3693,7 +3693,7 @@ function A(e, t) {
 }
 function j(e) {
 	let t = ref(0), n = ref(0);
-	if (C) return {
+	if (w) return {
 		x: t,
 		y: n
 	};
@@ -3707,7 +3707,7 @@ function j(e) {
 	};
 }
 //#endregion
-//#region ../internals/dist/directive-wk7DX8wQ.js
+//#region ../internals/dist/directive-B9jeVN1O.js
 var i = class {
 	#e;
 	#t;
@@ -4024,7 +4024,11 @@ var ApplicationContent_module_default = {
 	table: `table`,
 	calendarActions: `calendar-actions`,
 	tableCell: `table-cell`,
-	tableCellContent: `table-cell-content`
+	tableBar: `table-bar`,
+	tableGroup: `table-group`,
+	isRaw: `is-raw`,
+	tableBarContent: `table-bar-content`,
+	tableGroupContent: `table-group-content`
 };
 //#endregion
 //#region src/component/FluxApplicationContent.vue
@@ -4279,7 +4283,7 @@ var FluxApplicationMenuContextStack_default = /* @__PURE__ */ defineComponent({
 				}
 			},
 			setup(props) {
-				provide(viewDepthKey, ref(props.depth));
+				provide(viewDepthKey, computed(() => props.depth));
 				return () => h(RouterView, { name: props.viewName });
 			}
 		});
@@ -4370,6 +4374,8 @@ var FluxApplicationMenuToggle_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(FluxMenuItem), {
 				class: normalizeClass(unref(ApplicationMenu_module_default).applicationMenuToggle),
+				"aria-label": "Toggle menu",
+				"aria-expanded": !unref(isMenuCollapsed),
 				onClick: _cache[0] || (_cache[0] = ($event) => isMenuCollapsed.value = !unref(isMenuCollapsed))
 			}, {
 				before: withCtx(() => [(openBlock(), createElementBlock("svg", {
@@ -4383,7 +4389,7 @@ var FluxApplicationMenuToggle_default = /* @__PURE__ */ defineComponent({
 					"clip-rule": "evenodd"
 				}, null, -1), createElementVNode("path", { d: "M16 15V3a1 1 0 0 0-1-1h-5a1 1 0 0 1 0-2h5c1.63.04 3 1.33 3 3v12a3.07 3.07 0 0 1-3 3h-5a1 1 0 1 1 0-2h5a1 1 0 0 0 1-1" }, null, -1)])], 2))]),
 				_: 1
-			}, 8, ["class"]);
+			}, 8, ["class", "aria-expanded"]);
 		};
 	}
 });