codexly-ui 0.0.35 → 0.0.36
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 +4 -4
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +1 -1
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -697,7 +697,7 @@ class ClxButtonComponent {
|
|
|
697
697
|
icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
698
698
|
iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
|
|
699
699
|
iconOnly = input(false, ...(ngDevMode ? [{ debugName: "iconOnly" }] : []));
|
|
700
|
-
badge = input(
|
|
700
|
+
badge = input(undefined, ...(ngDevMode ? [{ debugName: "badge" }] : []));
|
|
701
701
|
badgeColor = input('red', ...(ngDevMode ? [{ debugName: "badgeColor" }] : []));
|
|
702
702
|
_ripples = signal([], ...(ngDevMode ? [{ debugName: "_ripples" }] : []));
|
|
703
703
|
_nextId = 0;
|
|
@@ -760,7 +760,7 @@ class ClxButtonComponent {
|
|
|
760
760
|
? BUTTON_ICON_ONLY_SIZE_MAP[this.size()]
|
|
761
761
|
: BUTTON_SIZE_MAP[this.size()];
|
|
762
762
|
const shapeClass = BUTTON_SHAPE_MAP[this.shape()];
|
|
763
|
-
const overflowClass = this.badge()
|
|
763
|
+
const overflowClass = (this.badge() !== undefined && this.badge() !== null) ? 'overflow-visible' : 'overflow-hidden';
|
|
764
764
|
const base = BUTTON_BASE_CLASS.replace('overflow-hidden', overflowClass);
|
|
765
765
|
return `${base} ${colorClass} ${sizeClass} ${shapeClass}${this.block() ? ' w-full' : ''}`.trimEnd();
|
|
766
766
|
}, ...(ngDevMode ? [{ debugName: "_hostClass" }] : []));
|
|
@@ -796,7 +796,7 @@ class ClxButtonComponent {
|
|
|
796
796
|
[style.top.px]="r.y - r.diameter / 2"
|
|
797
797
|
></span>
|
|
798
798
|
}
|
|
799
|
-
@if (badge()
|
|
799
|
+
@if (badge() !== undefined && badge() !== null) {
|
|
800
800
|
<span [class]="_badgeClass()">{{ badge() }}</span>
|
|
801
801
|
}
|
|
802
802
|
`, isInline: true, styles: ["@keyframes clx-ripple-anim{to{transform:scale(4);opacity:0}}.clx-ripple-wave{position:absolute;border-radius:50%;transform:scale(0);animation:clx-ripple-anim .6s linear;pointer-events:none}\n"], dependencies: [{ kind: "component", type: ClxIconComponent, selector: "span[clx-icon]", inputs: ["name", "size", "color", "fill"] }, { kind: "component", type: ClxSpinnerComponent, selector: "clx-spinner", inputs: ["size", "color", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -824,7 +824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
824
824
|
[style.top.px]="r.y - r.diameter / 2"
|
|
825
825
|
></span>
|
|
826
826
|
}
|
|
827
|
-
@if (badge()
|
|
827
|
+
@if (badge() !== undefined && badge() !== null) {
|
|
828
828
|
<span [class]="_badgeClass()">{{ badge() }}</span>
|
|
829
829
|
}
|
|
830
830
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|