@hestia-earth/ui-components 0.41.1 → 0.41.3
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.hasBorder = input(false, ...(ngDevMode ? [{ debugName: "hasBorder" }] : []));
|
|
3288
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 }, 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
|
|
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 }] }], boxStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxStyle", 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() {
|
|
@@ -11669,7 +11670,9 @@ class FilesFormComponent {
|
|
|
11669
11670
|
hasError: error.level === 'error',
|
|
11670
11671
|
hasWarning: error.level === 'warning',
|
|
11671
11672
|
formatter: formatter('')
|
|
11672
|
-
}))
|
|
11673
|
+
}))
|
|
11674
|
+
// only keep the missing blank nodes for now
|
|
11675
|
+
.filter(value => !!value.schemaType), ...(ngDevMode ? [{ debugName: "unmatchedErrors" }] : []));
|
|
11673
11676
|
this.hasError = computed(() => hasError(this.properties()) || this.unmatchedErrors().filter(v => v.hasError).length > 0, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
|
|
11674
11677
|
this.hasWarning = computed(() => hasWarning(this.properties()) || this.unmatchedErrors().filter(v => v.hasWarning).length > 0, ...(ngDevMode ? [{ debugName: "hasWarning" }] : []));
|
|
11675
11678
|
this.canOpen = computed(() => this.properties().some(({ key, closedVisible }) => !isKeyHidden(key) && !closedVisible), ...(ngDevMode ? [{ debugName: "canOpen" }] : []));
|