@hestia-earth/ui-components 0.41.0 → 0.41.2
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.
|
@@ -3285,15 +3285,16 @@ class CollapsibleBoxComponent {
|
|
|
3285
3285
|
constructor() {
|
|
3286
3286
|
this.open = model(true, ...(ngDevMode ? [{ debugName: "open" }] : []));
|
|
3287
3287
|
this.hasShadow = input(true, ...(ngDevMode ? [{ debugName: "hasShadow" }] : []));
|
|
3288
|
-
this.
|
|
3288
|
+
this.hasBorder = input(false, ...(ngDevMode ? [{ debugName: "hasBorder" }] : []));
|
|
3289
|
+
this.boxStyle = input(CollapsibleBoxStyle.primary, ...(ngDevMode ? [{ debugName: "boxStyle" }] : []));
|
|
3289
3290
|
}
|
|
3290
3291
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CollapsibleBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3291
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CollapsibleBoxComponent, isStandalone: true, selector: "he-collapsible-box", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null },
|
|
3292
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CollapsibleBoxComponent, isStandalone: true, selector: "he-collapsible-box", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, boxStyle: { classPropertyName: "boxStyle", publicName: "boxStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, ngImport: i0, template: "<div\n class=\"is-flex is-flex-direction-column | is-{{ boxStyle() }}\"\n [class.box]=\"hasShadow()\"\n [class.is-gap-24]=\"hasShadow()\"\n [class.has-border]=\"hasBorder()\">\n <div\n class=\"is-flex is-align-items-center is-justify-content-space-between is-gap-8 is-py-2 | collapsible-box--header\"\n [class.is-px-2]=\"!hasShadow()\">\n <ng-content select=\"[box-title]\" />\n\n <a class=\"has-text-secondary\" [class.is-px-3]=\"hasShadow()\" (click)=\"open.set(!open())\">\n <he-svg-icon [name]=\"open() ? 'chevron-up' : 'chevron-down'\" />\n </a>\n </div>\n\n @if (open()) {\n <div class=\"is-p-2 | collapsible-box--content\">\n <ng-content select=\"[box-content]\" />\n </div>\n }\n</div>\n", styles: [":host{--collapsible-box-header-border-color: transparent;--collapsible-box-border-color: transparent}:host .collapsible-box--header{border-bottom:1px solid var(--collapsible-box-header-border-color)}:host .has-border .collapsible-box--header{border-radius:6px 6px 0 0;border:1px solid var(--collapsible-box-border-color)}:host .has-border .collapsible-box--content{border-radius:0 0 6px 6px;border:1px solid var(--collapsible-box-border-color);border-top:0}:host .is-primary{--collapsible-box-header-border-color: #ffc000}:host .is-primary.has-border{--collapsible-box-border-color: #ffc000}:host .is-secondary{--collapsible-box-header-border-color: #193957}:host .is-secondary.has-border{--collapsible-box-border-color: #193957}:host .is-secondary-accent{--collapsible-box-header-border-color: #dbe3ea}:host .is-secondary-accent.has-border{--collapsible-box-border-color: #dbe3ea}\n"], dependencies: [{ kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3292
3293
|
}
|
|
3293
3294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CollapsibleBoxComponent, decorators: [{
|
|
3294
3295
|
type: Component$1,
|
|
3295
|
-
args: [{ selector: 'he-collapsible-box', imports: [HESvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"is-flex is-flex-direction-column
|
|
3296
|
-
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], hasShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasShadow", required: false }] }],
|
|
3296
|
+
args: [{ selector: 'he-collapsible-box', imports: [HESvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"is-flex is-flex-direction-column | is-{{ boxStyle() }}\"\n [class.box]=\"hasShadow()\"\n [class.is-gap-24]=\"hasShadow()\"\n [class.has-border]=\"hasBorder()\">\n <div\n class=\"is-flex is-align-items-center is-justify-content-space-between is-gap-8 is-py-2 | collapsible-box--header\"\n [class.is-px-2]=\"!hasShadow()\">\n <ng-content select=\"[box-title]\" />\n\n <a class=\"has-text-secondary\" [class.is-px-3]=\"hasShadow()\" (click)=\"open.set(!open())\">\n <he-svg-icon [name]=\"open() ? 'chevron-up' : 'chevron-down'\" />\n </a>\n </div>\n\n @if (open()) {\n <div class=\"is-p-2 | collapsible-box--content\">\n <ng-content select=\"[box-content]\" />\n </div>\n }\n</div>\n", styles: [":host{--collapsible-box-header-border-color: transparent;--collapsible-box-border-color: transparent}:host .collapsible-box--header{border-bottom:1px solid var(--collapsible-box-header-border-color)}:host .has-border .collapsible-box--header{border-radius:6px 6px 0 0;border:1px solid var(--collapsible-box-border-color)}:host .has-border .collapsible-box--content{border-radius:0 0 6px 6px;border:1px solid var(--collapsible-box-border-color);border-top:0}:host .is-primary{--collapsible-box-header-border-color: #ffc000}:host .is-primary.has-border{--collapsible-box-border-color: #ffc000}:host .is-secondary{--collapsible-box-header-border-color: #193957}:host .is-secondary.has-border{--collapsible-box-border-color: #193957}:host .is-secondary-accent{--collapsible-box-header-border-color: #dbe3ea}:host .is-secondary-accent.has-border{--collapsible-box-border-color: #dbe3ea}\n"] }]
|
|
3297
|
+
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], hasShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasShadow", required: false }] }], hasBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBorder", required: false }] }], boxStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxStyle", required: false }] }] } });
|
|
3297
3298
|
|
|
3298
3299
|
class DataTableComponent {
|
|
3299
3300
|
constructor() {
|