codexly-ui 0.4.3 → 0.4.4
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
|
@@ -782,6 +782,10 @@ class ClxButtonComponent {
|
|
|
782
782
|
_ripples = signal([], ...(ngDevMode ? [{ debugName: "_ripples" }] : /* istanbul ignore next */ []));
|
|
783
783
|
_nextId = 0;
|
|
784
784
|
_el = inject((ElementRef));
|
|
785
|
+
/** Static `class="..."` written by the consumer template, captured before the `[class]`
|
|
786
|
+
* host binding below overwrites it — otherwise any consumer-supplied classes (e.g.
|
|
787
|
+
* positioning utilities like `absolute`/`group-hover:opacity-100`) would be silently lost. */
|
|
788
|
+
_consumerClass = this._el.nativeElement.getAttribute('class') ?? '';
|
|
785
789
|
_inactive = computed(() => this.loading() || this.disabled(), ...(ngDevMode ? [{ debugName: "_inactive" }] : /* istanbul ignore next */ []));
|
|
786
790
|
_badgeClass = computed(() => {
|
|
787
791
|
const t = resolveColor(this.badgeColor());
|
|
@@ -845,7 +849,8 @@ class ClxButtonComponent {
|
|
|
845
849
|
: BUTTON_SHAPE_FIXED[s];
|
|
846
850
|
const overflowClass = (this.badge() !== undefined && this.badge() !== null) ? 'overflow-visible' : 'overflow-hidden';
|
|
847
851
|
const base = BUTTON_BASE_CLASS.replace('overflow-hidden', overflowClass);
|
|
848
|
-
|
|
852
|
+
const consumer = this._consumerClass ? ` ${this._consumerClass}` : '';
|
|
853
|
+
return `${base} ${colorClass} ${sizeClass} ${shapeClass}${this.block() ? ' w-full' : ''}${consumer}`.trimEnd();
|
|
849
854
|
}, ...(ngDevMode ? [{ debugName: "_hostClass" }] : /* istanbul ignore next */ []));
|
|
850
855
|
_onRipple(event) {
|
|
851
856
|
if (this._inactive())
|