@astryx-vue/core 0.2.0 → 0.2.2

package/dist/{SideNav-B-Om6Bz3.js → SideNav-DonEfiAx.js}

@@ -1,11 +1,11 @@
 import { t as useHotkeys } from "./useHotkeys-dABSK1o9.js";
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { i as useSideNavRenderMode, r as useSideNavCollapse, t as sideNavCollapseKey } from "./context-BjNya0v8.js";
-import { t as _sfc_main$5 } from "./Icon-Dfr4k6-S.js";
+import { t as _sfc_main$5 } from "./Tooltip-mp0NMh_Y.js";
+import { t as _sfc_main$6 } from "./Icon-CJKjdJy-.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
-import { t as _sfc_main$6 } from "./NavItem-FFOisITc.js";
-import { t as _sfc_main$7 } from "./NavDisclosure-DHrSNRDR.js";
-import { t as _sfc_main$8 } from "./Tooltip-mp0NMh_Y.js";
+import { t as _sfc_main$7 } from "./NavItem-FFOisITc.js";
+import { t as _sfc_main$8 } from "./NavDisclosure-DHrSNRDR.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, normalizeClass, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, watch, withCtx, withModifiers } from "vue";
 import "../styles/visually-hidden.css";
 import "../styles/side-nav.css";
@@ -55,7 +55,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": collapsed.value ? "false" : "true",
 				"aria-controls": unref(collapse).navId || void 0,
 				onClick
-			}, [createElementVNode("span", _hoisted_2$4, [createVNode(_sfc_main$5, {
+			}, [createElementVNode("span", _hoisted_2$4, [createVNode(_sfc_main$6, {
 				icon: "chevronLeft",
 				size: "sm",
 				class: normalizeClass(["astryx-side-nav-collapse__chevron", { "astryx-side-nav-collapse__chevron--collapsed": collapsed.value }])
@@ -307,12 +307,12 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 		const wholeLink = computed(() => Boolean(props.headingHref) && !hasMenu.value && !props.superheadingHref && !props.subheadingHref);
 		const linkRoot = computed(() => resolveNavRoot(props.headingHref, false, props.as));
 		return (_ctx, _cache) => {
-			return collapsed.value && hasIcon.value ? (openBlock(), createBlock(_sfc_main$8, {
+			return collapsed.value && hasIcon.value ? (openBlock(), createBlock(_sfc_main$5, {
 				key: 0,
 				content: __props.heading,
 				placement: "end"
 			}, {
-				default: withCtx(() => [hasMenu.value ? (openBlock(), createBlock(_sfc_main$7, {
+				default: withCtx(() => [hasMenu.value ? (openBlock(), createBlock(_sfc_main$8, {
 					key: 0,
 					hover: "",
 					placement: "end",
@@ -359,7 +359,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 					_ctx.$slots.end ? (openBlock(), createElementBlock("span", _hoisted_12, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("v-if", true)
 				]),
 				_: 3
-			}, 8, ["href", "to"])) : !collapsed.value && hasMenu.value ? (openBlock(), createBlock(_sfc_main$7, {
+			}, 8, ["href", "to"])) : !collapsed.value && hasMenu.value ? (openBlock(), createBlock(_sfc_main$8, {
 				key: 2,
 				hover: "",
 				label: __props.heading
@@ -407,7 +407,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 							"aria-expanded": isOpen ? "true" : "false",
 							"aria-controls": panelId,
 							"aria-haspopup": "menu"
-						}, [createVNode(_sfc_main$5, {
+						}, [createVNode(_sfc_main$6, {
 							icon: "chevronDown",
 							size: "sm",
 							class: normalizeClass({ "astryx-side-nav-heading__chevron-icon--open": isOpen })
@@ -571,12 +571,12 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		}
 		const toggleLabel = computed(() => nestedCollapsed.value ? messages.value.nav.expandItem(props.label) : messages.value.nav.collapseItem(props.label));
 		return (_ctx, _cache) => {
-			return sidebarCollapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [hasIcon.value && !hasChildren.value ? (openBlock(), createBlock(_sfc_main$8, {
+			return sidebarCollapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [hasIcon.value && !hasChildren.value ? (openBlock(), createBlock(_sfc_main$5, {
 				key: 0,
 				content: __props.label,
 				placement: "end"
 			}, {
-				default: withCtx(() => [createVNode(_sfc_main$6, {
+				default: withCtx(() => [createVNode(_sfc_main$7, {
 					block: "",
 					"is-icon-only": "",
 					as: __props.as,
@@ -611,7 +611,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"target"
 				])]),
 				_: 3
-			}, 8, ["content"])) : hasIcon.value ? (openBlock(), createBlock(_sfc_main$7, {
+			}, 8, ["content"])) : hasIcon.value ? (openBlock(), createBlock(_sfc_main$8, {
 				key: 1,
 				hover: "",
 				placement: "end",
@@ -638,7 +638,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			}, 8, ["label"])) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_5, [splitToggle.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["astryx-nav-item astryx-nav-item--block", [`astryx-nav-item--${__props.size}`, { "astryx-nav-item--selected": __props.isSelected }]])
-			}, [createVNode(_sfc_main$6, {
+			}, [createVNode(_sfc_main$7, {
 				plain: "",
 				class: "astryx-side-nav-item__split",
 				as: __props.as,
@@ -686,11 +686,11 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				"aria-controls": childrenId,
 				"aria-label": toggleLabel.value,
 				onClick: withModifiers(toggleNested, ["stop"])
-			}, [createVNode(_sfc_main$5, {
+			}, [createVNode(_sfc_main$6, {
 				icon: "chevronDown",
 				size: "sm",
 				class: normalizeClass(["astryx-side-nav-item__chevron", { "astryx-side-nav-item__chevron--open": !nestedCollapsed.value }])
-			}, null, 8, ["class"])], 8, _hoisted_6)], 2)) : (openBlock(), createBlock(_sfc_main$6, {
+			}, null, 8, ["class"])], 8, _hoisted_6)], 2)) : (openBlock(), createBlock(_sfc_main$7, {
 				key: 1,
 				block: "",
 				as: __props.as,
@@ -719,7 +719,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				} : void 0,
 				_ctx.$slots.end || canNest.value ? {
 					name: "end",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "end"), canNest.value ? (openBlock(), createBlock(_sfc_main$5, {
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "end"), canNest.value ? (openBlock(), createBlock(_sfc_main$6, {
 						key: 0,
 						icon: "chevronDown",
 						size: "sm",

package/dist/Stepper/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Stepper-BZ_8SEZt.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Stepper-D2ZIcUNx.js";
 export { _sfc_main as Step, _sfc_main$1 as Stepper };

package/dist/{Stepper-BZ_8SEZt.js → Stepper-D2ZIcUNx.js}

@@ -1,5 +1,5 @@
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/stepper.css";
 //#region src/Stepper/context.ts

package/dist/Switch/index.d.ts

@@ -1,2 +1,2 @@
-import { At as SwitchChangeEvent, Ft as SwitchStatus, It as SwitchStatusType, Mt as SwitchProps, Nt as SwitchSize, Ot as _default, Pt as SwitchSlots, jt as SwitchEmits, kt as SwitchChangeAction } from "../index-C6iJwTL0.js";
+import { At as SwitchChangeEvent, Ft as SwitchStatus, It as SwitchStatusType, Mt as SwitchProps, Nt as SwitchSize, Ot as _default, Pt as SwitchSlots, jt as SwitchEmits, kt as SwitchChangeAction } from "../index-DNRBbwp_.js";
 export { _default as Switch, type SwitchChangeAction, type SwitchChangeEvent, type SwitchEmits, type SwitchProps, type SwitchSize, type SwitchSlots, type SwitchStatus, type SwitchStatusType };

package/dist/TabList/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListProps, c as TabMenuOption, i as TabListLayout, l as TabMenuProps, n as _default$1, o as TabListSize, r as _default, s as TabListTab, t as _default$2, u as TabProps } from "../index-DT9S92sh.js";
+import { a as TabListProps, c as TabMenuOption, i as TabListLayout, l as TabMenuProps, n as _default$1, o as TabListSize, r as _default, s as TabListTab, t as _default$2, u as TabProps } from "../index-CNjbOgty.js";
 export { _default as Tab, _default$1 as TabList, type TabListLayout, type TabListProps, type TabListSize, type TabListTab, _default$2 as TabMenu, type TabMenuOption, type TabMenuProps, type TabProps };

package/dist/TabList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../TabList-Cnc2Hs1H.js";
+import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../TabList-D3F-stq-.js";
 export { _sfc_main as Tab, _sfc_main$1 as TabList, _sfc_main$2 as TabMenu };

package/dist/{TabList-Cnc2Hs1H.js → TabList-D3F-stq-.js}

@@ -1,7 +1,7 @@
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { t as _sfc_main$3 } from "./Icon-Dfr4k6-S.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { t as _sfc_main$3 } from "./Icon-CJKjdJy-.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, unref, useId, watch } from "vue";
 import "../styles/tab-list.css";
 import "../styles/tab-menu.css";
@@ -114,12 +114,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		hasDivider: {
 			type: Boolean,
 			default: false
-		}
+		},
+		isFullBleed: {
+			type: Boolean,
+			default: false
+		},
+		edgeCompensation: {}
 	},
 	emits: ["update:value", "change"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const bleedsInline = computed(() => props.edgeCompensation === "inline" || props.edgeCompensation == null && props.isFullBleed);
 		const tabs = reactive([]);
 		const focusedValue = ref(props.value);
 		const enabledTabs = computed(() => tabs.filter((tab) => !tab.disabled));
@@ -178,7 +184,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				class: normalizeClass(["astryx-tab-list", [
 					`astryx-tab-list--size-${__props.size}`,
 					`astryx-tab-list--layout-${__props.layout}`,
-					__props.hasDivider && "astryx-tab-list--has-divider"
+					__props.hasDivider && "astryx-tab-list--has-divider",
+					bleedsInline.value && "astryx-tab-list--full-bleed"
 				]]),
 				role: "tablist"
 			}, [createElementVNode("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")])], 2);

package/dist/Table/index.d.ts

@@ -1,3 +1,3 @@
-import { _ as TableSortEntry, a as TableColumn, b as TableVerticalAlign, c as TableDividers, d as TableFilterValue, f as TablePlugin, g as TableSortDirection, i as TableCellProps, l as TableFilterField, m as TableRowProps, n as PixelWidth, o as TableColumnAlign, p as TableProps, r as ProportionalWidth, s as TableDensity, t as ColumnWidth, u as TableFilterState, v as TableSortState, y as TableTextOverflow } from "../types-JktRxujg.js";
-import { A as generateColumns, C as UseTableColumnSettingsConfig, D as useTableColumnResize, E as UseTableColumnResizeConfig, F as sortRows, M as pixel, N as proportional, O as capitalize, P as resolveColumnWidths, S as ColumnSettingsOption, T as useTableColumnSettingsState, _ as useTablePagination, a as _default$3, b as useTableFilterState, c as _default, d as useTableSortableState, f as UseTableSelectionConfig, g as UseTablePaginationConfig, h as useTableSelectionState, i as _default$4, j as paginateData, k as cellText, l as UseTableSortableConfig, m as useTableSelection, n as _default$6, o as _default$2, p as UseTableSelectionStateConfig, r as _default$5, s as _default$1, t as _default$7, u as useTableSortable, v as UseTableFilteringConfig, w as useTableColumnSettings, x as useTableFiltering, y as applyTableFilters } from "../index-DXSs3rwa.js";
-export { type ColumnSettingsOption, type ColumnWidth, type PixelWidth, type ProportionalWidth, _default as Table, _default$1 as TableBody, _default$2 as TableCell, type TableCellProps, type TableColumn, type TableColumnAlign, type TableDensity, type TableDividers, type TableFilterField, type TableFilterState, type TableFilterValue, _default$3 as TableFooter, _default$4 as TableHeader, _default$5 as TableHeaderCell, type TablePlugin, type TableProps, _default$6 as TableRow, type TableRowProps, _default$7 as TableSelectionToolbar, type TableSortDirection, type TableSortEntry, type TableSortState, type TableTextOverflow, type TableVerticalAlign, type UseTableColumnResizeConfig, type UseTableColumnSettingsConfig, type UseTableFilteringConfig, type UseTablePaginationConfig, type UseTableSelectionConfig, type UseTableSelectionStateConfig, type UseTableSortableConfig, applyTableFilters, capitalize, cellText, generateColumns, paginateData, paginateData as paginateTableData, pixel, proportional, resolveColumnWidths, sortRows, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTablePagination, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState };
+import { C as TableSortEntry, E as TableVerticalAlign, S as TableSortDirection, T as TableTextOverflow, _ as TableProps, a as TableCellProps, b as TableRowProps, c as TableDensity, d as TableFilterState, f as TableFilterValue, g as TablePlugin, h as TablePanelPatch, i as TableCellPatch, l as TableDividers, m as TableHeaderPatch, n as PixelWidth, o as TableColumn, p as TableGroupPatch, r as ProportionalWidth, s as TableColumnAlign, t as ColumnWidth, u as TableFilterField, v as TableRowMenuItem, w as TableSortState, y as TableRowPatch } from "../types-Cp4liug-.js";
+import { $ as UseTableColumnResizeConfig, A as TableRowStatusName, B as isInteractiveRowClick, C as UseTableSelectionConfig, D as TableCustomRowStatus, E as useTableSelectionState, F as useTableRowIndex, G as UseTableFilteringConfig, H as buildGroupedRows, I as UseTableRowExpansionConfig, J as useTableFiltering, K as applyTableFilters, L as useTableRowExpansion, M as UseTableRowStatusConfig, N as useTableRowStatus, O as TableRowStatus, P as UseTableRowIndexConfig, Q as useTableColumnSettingsState, R as UseTablePaginationConfig, S as useTableSortableState, T as useTableSelection, U as isTableGroupHeader, V as UseTableGroupedRowsConfig, W as useTableGroupedRows, X as UseTableColumnSettingsConfig, Y as ColumnSettingsOption, Z as useTableColumnSettings, _ as resolveStickySide, a as _default$3, at as pixel, b as UseTableSortableConfig, c as _default, ct as resolveColumnWidths, d as UseTableTreeStateConfig, et as useTableColumnResize, f as flattenTree, g as UseTableStickyColumnsConfig, h as StickySide, i as _default$4, it as paginateData, j as TableSemanticRowStatus, k as TableRowStatusColor, l as TableTreeRowMeta, lt as sortRows, m as useTableTreeState, n as _default$6, nt as cellText, o as _default$2, ot as proportional, p as useTableTreeData, q as useTableFilterState, r as _default$5, rt as generateColumns, s as _default$1, st as resolveColumnFloorWidths, t as _default$7, tt as capitalize, u as UseTableTreeDataConfig, v as stickyOffsets, w as UseTableSelectionStateConfig, x as useTableSortable, y as useTableStickyColumns, z as useTablePagination } from "../index-CngORuiq.js";
+export { type ColumnSettingsOption, type ColumnWidth, type PixelWidth, type ProportionalWidth, type StickySide, _default as Table, _default$1 as TableBody, _default$2 as TableCell, type TableCellPatch, type TableCellProps, type TableColumn, type TableColumnAlign, type TableCustomRowStatus, type TableDensity, type TableDividers, type TableFilterField, type TableFilterState, type TableFilterValue, _default$3 as TableFooter, type TableGroupPatch, _default$4 as TableHeader, _default$5 as TableHeaderCell, type TableHeaderPatch, type TablePanelPatch, type TablePlugin, type TableProps, _default$6 as TableRow, type TableRowMenuItem, type TableRowPatch, type TableRowProps, type TableRowStatus, type TableRowStatusColor, type TableRowStatusName, _default$7 as TableSelectionToolbar, type TableSemanticRowStatus, type TableSortDirection, type TableSortEntry, type TableSortState, type TableTextOverflow, type TableTreeRowMeta, type TableVerticalAlign, type UseTableColumnResizeConfig, type UseTableColumnSettingsConfig, type UseTableFilteringConfig, type UseTableGroupedRowsConfig, type UseTablePaginationConfig, type UseTableRowExpansionConfig, type UseTableRowIndexConfig, type UseTableRowStatusConfig, type UseTableSelectionConfig, type UseTableSelectionStateConfig, type UseTableSortableConfig, type UseTableStickyColumnsConfig, type UseTableTreeDataConfig, type UseTableTreeStateConfig, applyTableFilters, buildGroupedRows, capitalize, cellText, flattenTree, generateColumns, isInteractiveRowClick, isTableGroupHeader, paginateData, paginateData as paginateTableData, pixel, proportional, resolveColumnFloorWidths, resolveColumnWidths, resolveStickySide, sortRows, stickyOffsets, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState };

package/dist/Table/index.js

@@ -1,2 +1,2 @@
-import { C as paginateData, D as sortRows, E as resolveColumnWidths, S as generateColumns, T as proportional, _ as useTableColumnSettings, a as _sfc_main$3, b as capitalize, c as _sfc_main, d as useTableSelection, f as useTableSelectionState, g as useTableFiltering, h as useTableFilterState, i as _sfc_main$4, l as useTableSortable, m as applyTableFilters, n as _sfc_main$6, o as _sfc_main$2, p as useTablePagination, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableSortableState, v as useTableColumnSettingsState, w as pixel, x as cellText, y as useTableColumnResize } from "../Table-D-LhAy_J.js";
-export { _sfc_main as Table, _sfc_main$1 as TableBody, _sfc_main$2 as TableCell, _sfc_main$3 as TableFooter, _sfc_main$4 as TableHeader, _sfc_main$5 as TableHeaderCell, _sfc_main$6 as TableRow, _sfc_main$7 as TableSelectionToolbar, applyTableFilters, capitalize, cellText, generateColumns, paginateData, paginateData as paginateTableData, pixel, proportional, resolveColumnWidths, sortRows, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTablePagination, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState };
+import { A as useTableColumnSettings, B as resolveColumnWidths, C as isInteractiveRowClick, D as applyTableFilters, E as useTableGroupedRows, F as generateColumns, I as paginateData, L as pixel, M as useTableColumnResize, N as capitalize, O as useTableFilterState, P as cellText, R as proportional, S as useTablePagination, T as isTableGroupHeader, V as sortRows, _ as useTableSelection, a as _sfc_main$3, b as useTableRowIndex, c as _sfc_main, d as useTableTreeState, f as resolveStickySide, g as useTableSortableState, h as useTableSortable, i as _sfc_main$4, j as useTableColumnSettingsState, k as useTableFiltering, l as flattenTree, m as useTableStickyColumns, n as _sfc_main$6, o as _sfc_main$2, p as stickyOffsets, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableTreeData, v as useTableSelectionState, w as buildGroupedRows, x as useTableRowExpansion, y as useTableRowStatus, z as resolveColumnFloorWidths } from "../Table-CrP2Uffq.js";
+export { _sfc_main as Table, _sfc_main$1 as TableBody, _sfc_main$2 as TableCell, _sfc_main$3 as TableFooter, _sfc_main$4 as TableHeader, _sfc_main$5 as TableHeaderCell, _sfc_main$6 as TableRow, _sfc_main$7 as TableSelectionToolbar, applyTableFilters, buildGroupedRows, capitalize, cellText, flattenTree, generateColumns, isInteractiveRowClick, isTableGroupHeader, paginateData, paginateData as paginateTableData, pixel, proportional, resolveColumnFloorWidths, resolveColumnWidths, resolveStickySide, sortRows, stickyOffsets, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState };