codexly-ui 0.6.19 → 0.6.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -9651,6 +9651,8 @@ const NAV_ITEM_BASE = 'flex items-center gap-3 cursor-pointer select-none';
|
|
|
9651
9651
|
// sidebar edges instead of touching them — width is `w-[calc(100%-...)]`, not `w-full`.
|
|
9652
9652
|
const NAV_ITEM_L1 = 'w-[calc(100%-1.5rem)] mx-3 px-4 py-3';
|
|
9653
9653
|
const NAV_ITEM_L2 = 'w-[calc(100%-1.5rem)] mx-3 pl-3 pr-3 py-2';
|
|
9654
|
+
// Collapsed sidebar: same breathing room, centered icon, no text.
|
|
9655
|
+
const NAV_ITEM_COLLAPSED = 'w-[calc(100%-1rem)] mx-2 py-3 justify-center';
|
|
9654
9656
|
const NAV_ITEM_IDLE = 'text-clx-text-subtle';
|
|
9655
9657
|
// ── Nav zone size → Tailwind text-size class ─────────────────────────────────
|
|
9656
9658
|
const NAV_ZONE_SIZE_CLASS = {
|
|
@@ -9714,7 +9716,7 @@ class ClxMenuComponent {
|
|
|
9714
9716
|
}
|
|
9715
9717
|
_iconCls = computed(() => resolveColor(this._color()).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : /* istanbul ignore next */ []));
|
|
9716
9718
|
_buttonCls(isActive) {
|
|
9717
|
-
const geom = this.collapsed() ?
|
|
9719
|
+
const geom = this.collapsed() ? NAV_ITEM_COLLAPSED : NAV_ITEM_L1;
|
|
9718
9720
|
const t = resolveColor(this._color());
|
|
9719
9721
|
if (isActive) {
|
|
9720
9722
|
return `${NAV_ITEM_BASE} ${resolveNavZoneActive(this._resolved())} ${geom} ${t.textSubtle} ${t.bgSubtle} rounded-lg`;
|
|
@@ -9875,7 +9877,7 @@ class ClxMenuItemComponent {
|
|
|
9875
9877
|
}, ...(ngDevMode ? [{ debugName: "_resolved" }] : /* istanbul ignore next */ []));
|
|
9876
9878
|
_geom = computed(() => {
|
|
9877
9879
|
if (this.collapsed())
|
|
9878
|
-
return
|
|
9880
|
+
return NAV_ITEM_COLLAPSED;
|
|
9879
9881
|
return this.nested() ? NAV_ITEM_L2 : NAV_ITEM_L1;
|
|
9880
9882
|
}, ...(ngDevMode ? [{ debugName: "_geom" }] : /* istanbul ignore next */ []));
|
|
9881
9883
|
_iconCls = computed(() => resolveColor(this._resolved().color).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : /* istanbul ignore next */ []));
|