@tolle_/tolle-ui 0.0.24-beta → 0.0.26-beta
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/esm2022/lib/modal.component.mjs +8 -8
- package/esm2022/lib/modal.mjs +2 -1
- package/esm2022/lib/skeleton.component.mjs +2 -2
- package/fesm2022/tolle-ui.mjs +9 -8
- package/fesm2022/tolle-ui.mjs.map +1 -1
- package/lib/button.component.d.ts +2 -2
- package/lib/modal.d.ts +1 -0
- package/package.json +1 -1
- package/theme.css +31 -17
|
@@ -21,7 +21,7 @@ export class ModalComponent {
|
|
|
21
21
|
const { size } = this.ref.modal;
|
|
22
22
|
return cn(
|
|
23
23
|
// Base classes: Added 'w-full' and 'mx-auto'
|
|
24
|
-
'bg-background border border-border shadow-lg relative flex flex-col w-full mx-auto ', size === 'fullscreen' ? 'h-screen w-screen rounded-none' : 'rounded-
|
|
24
|
+
'bg-background border border-border shadow-lg relative flex flex-col w-full mx-auto ', size === 'fullscreen' ? 'h-screen w-screen rounded-none' : 'rounded-md',
|
|
25
25
|
// Sizing scale with explicit max-widths
|
|
26
26
|
size === 'xs' && 'max-w-[320px]', size === 'sm' && 'max-w-[425px]', size === 'default' && 'max-w-[544px]', size === 'lg' && 'max-w-[1024px]');
|
|
27
27
|
}
|
|
@@ -40,16 +40,16 @@ export class ModalComponent {
|
|
|
40
40
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "tolle-modal", ngImport: i0, template: `
|
|
41
41
|
<div [class]="modalClasses" class="pointer-events-auto" (mousedown)="$event.stopPropagation()">
|
|
42
42
|
|
|
43
|
-
<div class="flex items-center justify-between
|
|
43
|
+
<div *ngIf="ref.modal.showCloseButton || ref.modal.title" class="flex items-center justify-between">
|
|
44
44
|
<h3 *ngIf="ref.modal.title" class="text-lg font-semibold text-foreground tracking-tight">
|
|
45
45
|
{{ ref.modal.title }}
|
|
46
46
|
</h3>
|
|
47
|
-
<button (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
47
|
+
<button *ngIf="ref.modal.showCloseButton" (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
48
48
|
<i class="ri-close-line text-2xl"></i>
|
|
49
49
|
</button>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
|
-
<div class="p-
|
|
52
|
+
<div class="p-4 overflow-y-auto max-h-[80vh] text-foreground">
|
|
53
53
|
<ng-container [ngSwitch]="contentType">
|
|
54
54
|
<div *ngSwitchCase="'string'">{{ content }}</div>
|
|
55
55
|
|
|
@@ -70,16 +70,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
70
70
|
args: [{ selector: 'tolle-modal', standalone: true, imports: [CommonModule], template: `
|
|
71
71
|
<div [class]="modalClasses" class="pointer-events-auto" (mousedown)="$event.stopPropagation()">
|
|
72
72
|
|
|
73
|
-
<div class="flex items-center justify-between
|
|
73
|
+
<div *ngIf="ref.modal.showCloseButton || ref.modal.title" class="flex items-center justify-between">
|
|
74
74
|
<h3 *ngIf="ref.modal.title" class="text-lg font-semibold text-foreground tracking-tight">
|
|
75
75
|
{{ ref.modal.title }}
|
|
76
76
|
</h3>
|
|
77
|
-
<button (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
77
|
+
<button *ngIf="ref.modal.showCloseButton" (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
78
78
|
<i class="ri-close-line text-2xl"></i>
|
|
79
79
|
</button>
|
|
80
80
|
</div>
|
|
81
81
|
|
|
82
|
-
<div class="p-
|
|
82
|
+
<div class="p-4 overflow-y-auto max-h-[80vh] text-foreground">
|
|
83
83
|
<ng-container [ngSwitch]="contentType">
|
|
84
84
|
<div *ngSwitchCase="'string'">{{ content }}</div>
|
|
85
85
|
|
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
95
95
|
</div>
|
|
96
96
|
`, styles: [":host{display:contents}\n"] }]
|
|
97
97
|
}], ctorParameters: () => [{ type: i1.ModalRef }] });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQVEsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7QUF1Q2hDLE1BQU0sT0FBTyxjQUFjO0lBS047SUFKbkIsV0FBVyxHQUF3QyxRQUFRLENBQUM7SUFDNUQsT0FBTyxDQUFNO0lBQ2IsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUVsQixZQUFtQixHQUFhO1FBQWIsUUFBRyxHQUFILEdBQUcsQ0FBVTtJQUFHLENBQUM7SUFFcEMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFTyxlQUFlO1FBQ3JCLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQztRQUVoQyxPQUFPLEVBQUU7UUFDUCw2Q0FBNkM7UUFDN0MscUZBQXFGLEVBRXJGLElBQUksS0FBSyxZQUFZLENBQUMsQ0FBQyxDQUFDLGdDQUFnQyxDQUFDLENBQUMsQ0FBQyxZQUFZO1FBRXZFLHdDQUF3QztRQUN4QyxJQUFJLEtBQUssSUFBSSxJQUFJLGVBQWUsRUFDaEMsSUFBSSxLQUFLLElBQUksSUFBSSxlQUFlLEVBQ2hDLElBQUksS0FBSyxTQUFTLElBQUksZUFBZSxFQUNyQyxJQUFJLEtBQUssSUFBSSxJQUFJLGdCQUFnQixDQUNsQyxDQUFDO0lBQ0osQ0FBQztJQUVPLG9CQUFvQjtRQUMxQixJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxRQUFRO1lBQUUsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7YUFDN0QsSUFBSSxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVc7WUFBRSxJQUFJLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQzs7WUFDdkUsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQUksVUFBVSxLQUFLLE9BQU8sSUFBSSxDQUFDLE9BQTJCLENBQUMsQ0FBQyxDQUFDO0lBQzdELElBQUksV0FBVyxLQUFLLE9BQU8sSUFBSSxDQUFDLE9BQW9CLENBQUMsQ0FBQyxDQUFDO0lBQzdDLEVBQUUsR0FBRyxFQUFFLENBQUM7d0dBdENQLGNBQWM7NEZBQWQsY0FBYyx1RUFqQ2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJULGtHQTNCUyxZQUFZOzs0RkFrQ1gsY0FBYztrQkFyQzFCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1vZGFsUmVmIH0gZnJvbSAnLi9tb2RhbC1yZWYnO1xuaW1wb3J0IHsgY24gfSBmcm9tICcuL3V0aWxzL2NuJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndG9sbGUtbW9kYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtjbGFzc109XCJtb2RhbENsYXNzZXNcIiBjbGFzcz1cInBvaW50ZXItZXZlbnRzLWF1dG9cIiAobW91c2Vkb3duKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuXG4gICAgICA8ZGl2ICpuZ0lmPVwicmVmLm1vZGFsLnNob3dDbG9zZUJ1dHRvbiB8fCByZWYubW9kYWwudGl0bGVcIiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlblwiPlxuICAgICAgICA8aDMgKm5nSWY9XCJyZWYubW9kYWwudGl0bGVcIiBjbGFzcz1cInRleHQtbGcgZm9udC1zZW1pYm9sZCB0ZXh0LWZvcmVncm91bmQgdHJhY2tpbmctdGlnaHRcIj5cbiAgICAgICAgICB7eyByZWYubW9kYWwudGl0bGUgfX1cbiAgICAgICAgPC9oMz5cbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cInJlZi5tb2RhbC5zaG93Q2xvc2VCdXR0b25cIiAoY2xpY2spPVwicmVmLmNsb3NlKClcIiBjbGFzcz1cIm1sLWF1dG8gcC0xIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBob3Zlcjp0ZXh0LWZvcmVncm91bmQgaG92ZXI6YmctYWNjZW50IHJvdW5kZWQtbWQgdHJhbnNpdGlvbi1jb2xvcnNcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cInJpLWNsb3NlLWxpbmUgdGV4dC0yeGxcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJwLTQgb3ZlcmZsb3cteS1hdXRvIG1heC1oLVs4MHZoXSB0ZXh0LWZvcmVncm91bmRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29udGVudFR5cGVcIj5cbiAgICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCInc3RyaW5nJ1wiPnt7IGNvbnRlbnQgfX08L2Rpdj5cblxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0ZW1wbGF0ZSdcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhc1RlbXBsYXRlOyBjb250ZXh0OiByZWYubW9kYWwuY29udGV4dFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2NvbXBvbmVudCdcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiYXNDb21wb25lbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGNvbnRlbnRzOyAvKiBUaGlzIG1ha2VzIHRoZSBob3N0IFwiZGlzYXBwZWFyXCIgc28gdGhlIGRpdiB0YXJnZXRzIHRoZSBvdmVybGF5IHBhbmUgZGlyZWN0bHkgKi9cbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29udGVudFR5cGU6ICd0ZW1wbGF0ZScgfCAnc3RyaW5nJyB8ICdjb21wb25lbnQnID0gJ3N0cmluZyc7XG4gIGNvbnRlbnQ6IGFueTtcbiAgbW9kYWxDbGFzc2VzID0gJyc7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHJlZjogTW9kYWxSZWYpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jb250ZW50ID0gdGhpcy5yZWYubW9kYWwuY29udGVudDtcbiAgICB0aGlzLm1vZGFsQ2xhc3NlcyA9IHRoaXMuZ2V0TW9kYWxTaXplQ3NzKCk7XG4gICAgdGhpcy5kZXRlcm1pbmVDb250ZW50VHlwZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRNb2RhbFNpemVDc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCB7IHNpemUgfSA9IHRoaXMucmVmLm1vZGFsO1xuXG4gICAgcmV0dXJuIGNuKFxuICAgICAgLy8gQmFzZSBjbGFzc2VzOiBBZGRlZCAndy1mdWxsJyBhbmQgJ214LWF1dG8nXG4gICAgICAnYmctYmFja2dyb3VuZCBib3JkZXIgYm9yZGVyLWJvcmRlciBzaGFkb3ctbGcgcmVsYXRpdmUgZmxleCBmbGV4LWNvbCB3LWZ1bGwgbXgtYXV0byAnLFxuXG4gICAgICBzaXplID09PSAnZnVsbHNjcmVlbicgPyAnaC1zY3JlZW4gdy1zY3JlZW4gcm91bmRlZC1ub25lJyA6ICdyb3VuZGVkLW1kJyxcblxuICAgICAgLy8gU2l6aW5nIHNjYWxlIHdpdGggZXhwbGljaXQgbWF4LXdpZHRoc1xuICAgICAgc2l6ZSA9PT0gJ3hzJyAmJiAnbWF4LXctWzMyMHB4XScsXG4gICAgICBzaXplID09PSAnc20nICYmICdtYXgtdy1bNDI1cHhdJyxcbiAgICAgIHNpemUgPT09ICdkZWZhdWx0JyAmJiAnbWF4LXctWzU0NHB4XScsXG4gICAgICBzaXplID09PSAnbGcnICYmICdtYXgtdy1bMTAyNHB4XSdcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBkZXRlcm1pbmVDb250ZW50VHlwZSgpIHtcbiAgICBpZiAodHlwZW9mIHRoaXMuY29udGVudCA9PT0gJ3N0cmluZycpIHRoaXMuY29udGVudFR5cGUgPSAnc3RyaW5nJztcbiAgICBlbHNlIGlmICh0aGlzLmNvbnRlbnQgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikgdGhpcy5jb250ZW50VHlwZSA9ICd0ZW1wbGF0ZSc7XG4gICAgZWxzZSB0aGlzLmNvbnRlbnRUeXBlID0gJ2NvbXBvbmVudCc7XG4gIH1cblxuICBnZXQgYXNUZW1wbGF0ZSgpIHsgcmV0dXJuIHRoaXMuY29udGVudCBhcyBUZW1wbGF0ZVJlZjxhbnk+OyB9XG4gIGdldCBhc0NvbXBvbmVudCgpIHsgcmV0dXJuIHRoaXMuY29udGVudCBhcyBUeXBlPGFueT47IH1cbiAgcHJvdGVjdGVkIGNuID0gY247XG59XG4iXX0=
|
package/esm2022/lib/modal.mjs
CHANGED
|
@@ -23,5 +23,6 @@ export class Modal {
|
|
|
23
23
|
* Accessed via `let-val` in the HTML.
|
|
24
24
|
*/
|
|
25
25
|
context;
|
|
26
|
+
showCloseButton = true;
|
|
26
27
|
}
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90b2xsZS9zcmMvbGliL21vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxLQUFLO0lBQ2hCLDhEQUE4RDtJQUM5RCxPQUFPLENBQXlDO0lBRWhELDZDQUE2QztJQUM3QyxLQUFLLENBQVU7SUFFZjs7Ozs7O09BTUc7SUFDSCxJQUFJLEdBQW1ELFNBQVMsQ0FBQztJQUVqRTs7T0FFRztJQUNILGFBQWEsR0FBYSxJQUFJLENBQUM7SUFFL0I7O09BRUc7SUFDSCxJQUFJLENBQTBCO0lBRTlCOztPQUVHO0lBQ0gsT0FBTyxDQUFLO0lBRVosZUFBZSxHQUFhLElBQUksQ0FBQztDQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmLCBUeXBlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGNsYXNzIE1vZGFsPFQgPSBhbnk+IHtcbiAgLyoqIFRoZSBjb250ZW50IHRvIGRpc3BsYXkgKFN0cmluZywgQ29tcG9uZW50LCBvciBUZW1wbGF0ZSkgKi9cbiAgY29udGVudCE6IHN0cmluZyB8IFR5cGU8YW55PiB8IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqIE9wdGlvbmFsIHRpdGxlIGZvciB0aGUgc3RhbmRhcmQgaGVhZGVyICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiAqIFByZWRlZmluZWQgc2l6ZSBzY2FsZS5cbiAgICogLSB4czogMzIwcHggKE1vYmlsZSBhbGVydHMpXG4gICAqIC0gc206IDQyNXB4IChTdGFuZGFyZCBkaWFsb2dzKVxuICAgKiAtIGRlZmF1bHQ6IDU0NHB4IChGb3JtcylcbiAgICogLSBsZzogOTAlIC8gMTAyNHB4IChEYXRhIHRhYmxlcylcbiAgICogLSBmdWxsc2NyZWVuOiAxMDB2dy8xMDB2aCAoQ29tcGxleCB3b3JrZmxvd3MpXG4gICAqL1xuICBzaXplPzogJ3hzJyB8ICdzbScgfCAnZGVmYXVsdCcgfCAnbGcnIHwgJ2Z1bGxzY3JlZW4nID0gJ2RlZmF1bHQnO1xuXG4gIC8qKiAqIElmIHRydWUgKGRlZmF1bHQpLCBjbGlja2luZyB0aGUgYmFja2Ryb3AgY2xvc2VzIHRoZSBtb2RhbC5cbiAgICogU2V0IHRvIGZhbHNlIGZvciBcImJsb2NraW5nXCIgbW9kYWxzIChlLmcuLCBUZXJtcyBvZiBTZXJ2aWNlKS5cbiAgICovXG4gIGJhY2tkcm9wQ2xvc2U/OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKiogKiBEYXRhIHRvIHBhc3MgdG8gYSBDb21wb25lbnQgY29udGVudC5cbiAgICogQWNjZXNzZWQgdmlhIEBJbnB1dCgpIGluIHRoZSBjaGlsZCBjb21wb25lbnQuXG4gICAqL1xuICBkYXRhPzogeyBba2V5OiBzdHJpbmddOiBhbnkgfTtcblxuICAvKiogKiBDb250ZXh0IHRvIHBhc3MgdG8gYSBUZW1wbGF0ZVJlZiBjb250ZW50LlxuICAgKiBBY2Nlc3NlZCB2aWEgYGxldC12YWxgIGluIHRoZSBIVE1MLlxuICAgKi9cbiAgY29udGV4dD86IFQ7XG5cbiAgc2hvd0Nsb3NlQnV0dG9uPzogYm9vbGVhbiA9IHRydWU7XG59XG4iXX0=
|
|
@@ -9,7 +9,7 @@ export class SkeletonComponent {
|
|
|
9
9
|
get computedClass() {
|
|
10
10
|
return cn(
|
|
11
11
|
// The background matches the Google Dark Mode "Muted" color
|
|
12
|
-
'animate-pulse bg-muted rounded-md', this.variant === 'circle' && 'rounded-full', this.variant === 'pill' && 'rounded-full', this.class);
|
|
12
|
+
'animate-pulse bg-muted dark:bg-secondary rounded-md', this.variant === 'circle' && 'rounded-full', this.variant === 'pill' && 'rounded-full', this.class);
|
|
13
13
|
}
|
|
14
14
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
15
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SkeletonComponent, isStandalone: true, selector: "tolle-skeleton", inputs: { variant: "variant", class: "class" }, ngImport: i0, template: `
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
31
31
|
}], class: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBVWhDLE1BQU0sT0FBTyxpQkFBaUI7SUFDbkIsT0FBTyxHQUErQixNQUFNLENBQUM7SUFDN0MsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUVELEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFM0IsSUFBSSxhQUFhO1FBQ2YsT0FBTyxFQUFFO1FBQ1AsNERBQTREO1FBQzVELHFEQUFxRCxFQUVyRCxJQUFJLENBQUMsT0FBTyxLQUFLLFFBQVEsSUFBSSxjQUFjLEVBQzNDLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxJQUFJLGNBQWMsRUFFekMsSUFBSSxDQUFDLEtBQUssQ0FDWCxDQUFDO0lBQ0osQ0FBQzt3R0FoQlUsaUJBQWlCOzRGQUFqQixpQkFBaUIsMEhBSmxCOztHQUVULDJEQUhTLFlBQVk7OzRGQUtYLGlCQUFpQjtrQkFSN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixRQUFRLEVBQUU7O0dBRVQ7aUJBQ0Y7OEJBRVUsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4vdXRpbHMvY24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b2xsZS1za2VsZXRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW2NsYXNzXT1cImNvbXB1dGVkQ2xhc3NcIj48L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB2YXJpYW50OiAncmVjdCcgfCAnY2lyY2xlJyB8ICdwaWxsJyA9ICdyZWN0JztcbiAgQElucHV0KCkgY2xhc3MgPSAnJztcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY24gPSBjbjtcblxuICBnZXQgY29tcHV0ZWRDbGFzcygpIHtcbiAgICByZXR1cm4gY24oXG4gICAgICAvLyBUaGUgYmFja2dyb3VuZCBtYXRjaGVzIHRoZSBHb29nbGUgRGFyayBNb2RlIFwiTXV0ZWRcIiBjb2xvclxuICAgICAgJ2FuaW1hdGUtcHVsc2UgYmctbXV0ZWQgZGFyazpiZy1zZWNvbmRhcnkgcm91bmRlZC1tZCcsXG5cbiAgICAgIHRoaXMudmFyaWFudCA9PT0gJ2NpcmNsZScgJiYgJ3JvdW5kZWQtZnVsbCcsXG4gICAgICB0aGlzLnZhcmlhbnQgPT09ICdwaWxsJyAmJiAncm91bmRlZC1mdWxsJyxcblxuICAgICAgdGhpcy5jbGFzc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
|
package/fesm2022/tolle-ui.mjs
CHANGED
|
@@ -1124,7 +1124,7 @@ class SkeletonComponent {
|
|
|
1124
1124
|
get computedClass() {
|
|
1125
1125
|
return cn(
|
|
1126
1126
|
// The background matches the Google Dark Mode "Muted" color
|
|
1127
|
-
'animate-pulse bg-muted rounded-md', this.variant === 'circle' && 'rounded-full', this.variant === 'pill' && 'rounded-full', this.class);
|
|
1127
|
+
'animate-pulse bg-muted dark:bg-secondary rounded-md', this.variant === 'circle' && 'rounded-full', this.variant === 'pill' && 'rounded-full', this.class);
|
|
1128
1128
|
}
|
|
1129
1129
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1130
1130
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SkeletonComponent, isStandalone: true, selector: "tolle-skeleton", inputs: { variant: "variant", class: "class" }, ngImport: i0, template: `
|
|
@@ -3759,7 +3759,7 @@ class ModalComponent {
|
|
|
3759
3759
|
const { size } = this.ref.modal;
|
|
3760
3760
|
return cn(
|
|
3761
3761
|
// Base classes: Added 'w-full' and 'mx-auto'
|
|
3762
|
-
'bg-background border border-border shadow-lg relative flex flex-col w-full mx-auto ', size === 'fullscreen' ? 'h-screen w-screen rounded-none' : 'rounded-
|
|
3762
|
+
'bg-background border border-border shadow-lg relative flex flex-col w-full mx-auto ', size === 'fullscreen' ? 'h-screen w-screen rounded-none' : 'rounded-md',
|
|
3763
3763
|
// Sizing scale with explicit max-widths
|
|
3764
3764
|
size === 'xs' && 'max-w-[320px]', size === 'sm' && 'max-w-[425px]', size === 'default' && 'max-w-[544px]', size === 'lg' && 'max-w-[1024px]');
|
|
3765
3765
|
}
|
|
@@ -3778,16 +3778,16 @@ class ModalComponent {
|
|
|
3778
3778
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "tolle-modal", ngImport: i0, template: `
|
|
3779
3779
|
<div [class]="modalClasses" class="pointer-events-auto" (mousedown)="$event.stopPropagation()">
|
|
3780
3780
|
|
|
3781
|
-
<div class="flex items-center justify-between
|
|
3781
|
+
<div *ngIf="ref.modal.showCloseButton || ref.modal.title" class="flex items-center justify-between">
|
|
3782
3782
|
<h3 *ngIf="ref.modal.title" class="text-lg font-semibold text-foreground tracking-tight">
|
|
3783
3783
|
{{ ref.modal.title }}
|
|
3784
3784
|
</h3>
|
|
3785
|
-
<button (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
3785
|
+
<button *ngIf="ref.modal.showCloseButton" (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
3786
3786
|
<i class="ri-close-line text-2xl"></i>
|
|
3787
3787
|
</button>
|
|
3788
3788
|
</div>
|
|
3789
3789
|
|
|
3790
|
-
<div class="p-
|
|
3790
|
+
<div class="p-4 overflow-y-auto max-h-[80vh] text-foreground">
|
|
3791
3791
|
<ng-container [ngSwitch]="contentType">
|
|
3792
3792
|
<div *ngSwitchCase="'string'">{{ content }}</div>
|
|
3793
3793
|
|
|
@@ -3808,16 +3808,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
3808
3808
|
args: [{ selector: 'tolle-modal', standalone: true, imports: [CommonModule], template: `
|
|
3809
3809
|
<div [class]="modalClasses" class="pointer-events-auto" (mousedown)="$event.stopPropagation()">
|
|
3810
3810
|
|
|
3811
|
-
<div class="flex items-center justify-between
|
|
3811
|
+
<div *ngIf="ref.modal.showCloseButton || ref.modal.title" class="flex items-center justify-between">
|
|
3812
3812
|
<h3 *ngIf="ref.modal.title" class="text-lg font-semibold text-foreground tracking-tight">
|
|
3813
3813
|
{{ ref.modal.title }}
|
|
3814
3814
|
</h3>
|
|
3815
|
-
<button (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
3815
|
+
<button *ngIf="ref.modal.showCloseButton" (click)="ref.close()" class="ml-auto p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors">
|
|
3816
3816
|
<i class="ri-close-line text-2xl"></i>
|
|
3817
3817
|
</button>
|
|
3818
3818
|
</div>
|
|
3819
3819
|
|
|
3820
|
-
<div class="p-
|
|
3820
|
+
<div class="p-4 overflow-y-auto max-h-[80vh] text-foreground">
|
|
3821
3821
|
<ng-container [ngSwitch]="contentType">
|
|
3822
3822
|
<div *ngSwitchCase="'string'">{{ content }}</div>
|
|
3823
3823
|
|
|
@@ -3940,6 +3940,7 @@ class Modal {
|
|
|
3940
3940
|
* Accessed via `let-val` in the HTML.
|
|
3941
3941
|
*/
|
|
3942
3942
|
context;
|
|
3943
|
+
showCloseButton = true;
|
|
3943
3944
|
}
|
|
3944
3945
|
|
|
3945
3946
|
class ButtonGroupComponent {
|