codexly-ui 0.0.19 → 0.0.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 +11 -6
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/package.json +1 -1
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -11055,7 +11055,7 @@ class ClxMenuItemComponent {
|
|
|
11055
11055
|
collapsed = input(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
|
|
11056
11056
|
_geom = computed(() => {
|
|
11057
11057
|
if (this.collapsed())
|
|
11058
|
-
return 'px-0 justify-center';
|
|
11058
|
+
return 'w-16 px-0 justify-center';
|
|
11059
11059
|
return this.nested() ? NAV_ITEM_L2 : NAV_ITEM_L1;
|
|
11060
11060
|
}, ...(ngDevMode ? [{ debugName: "_geom" }] : []));
|
|
11061
11061
|
_iconCls = computed(() => resolveColor(this.color()).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : []));
|
|
@@ -11139,7 +11139,7 @@ class ClxMenuComponent {
|
|
|
11139
11139
|
}
|
|
11140
11140
|
_iconCls = computed(() => resolveColor(this.color()).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : []));
|
|
11141
11141
|
_buttonCls = computed(() => {
|
|
11142
|
-
const geom = this.collapsed() ? 'px-0 justify-center' : NAV_ITEM_L1;
|
|
11142
|
+
const geom = this.collapsed() ? 'w-16 px-0 justify-center' : NAV_ITEM_L1;
|
|
11143
11143
|
const base = `${NAV_ITEM_BASE} ${geom}`;
|
|
11144
11144
|
const t = resolveColor(this.color());
|
|
11145
11145
|
if (this._isChildActive()) {
|
|
@@ -11251,8 +11251,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
11251
11251
|
|
|
11252
11252
|
class ClxNavGroupComponent {
|
|
11253
11253
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
11254
|
+
collapsed = input(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
|
|
11254
11255
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxNavGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11255
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: ClxNavGroupComponent, isStandalone: true, selector: "clx-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "textContent": "label()" }, classAttribute: "block px-6 pt-5 pb-1 text-[10px] font-bold uppercase tracking-widest text-slate-500 select-none" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11256
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: ClxNavGroupComponent, isStandalone: true, selector: "clx-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "textContent": "!collapsed() ? label() : \"\"", "class.!p-0": "collapsed()", "class.!h-0": "collapsed()", "class.!pt-0": "collapsed()", "class.!pb-0": "collapsed()" }, classAttribute: "block px-6 pt-5 pb-1 text-[10px] font-bold uppercase tracking-widest text-slate-500 select-none overflow-hidden transition-all duration-300" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11256
11257
|
}
|
|
11257
11258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxNavGroupComponent, decorators: [{
|
|
11258
11259
|
type: Component,
|
|
@@ -11263,11 +11264,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
11263
11264
|
encapsulation: ViewEncapsulation.None,
|
|
11264
11265
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11265
11266
|
host: {
|
|
11266
|
-
class: 'block px-6 pt-5 pb-1 text-[10px] font-bold uppercase tracking-widest text-slate-500 select-none',
|
|
11267
|
-
'[textContent]': 'label()',
|
|
11267
|
+
class: 'block px-6 pt-5 pb-1 text-[10px] font-bold uppercase tracking-widest text-slate-500 select-none overflow-hidden transition-all duration-300',
|
|
11268
|
+
'[textContent]': '!collapsed() ? label() : ""',
|
|
11269
|
+
'[class.!p-0]': 'collapsed()',
|
|
11270
|
+
'[class.!h-0]': 'collapsed()',
|
|
11271
|
+
'[class.!pt-0]': 'collapsed()',
|
|
11272
|
+
'[class.!pb-0]': 'collapsed()',
|
|
11268
11273
|
},
|
|
11269
11274
|
}]
|
|
11270
|
-
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
|
|
11275
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }] } });
|
|
11271
11276
|
|
|
11272
11277
|
// ── Base classes ─────────────────────────────────────────────────────────────
|
|
11273
11278
|
const TABLE_BASE_CLASS = 'w-full text-left border-collapse text-sm';
|