@crowdfarming/oliva-ds 1.74.0 → 1.75.0-rc.1
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.
|
@@ -3279,7 +3279,7 @@ class CheckboxGroupComponent {
|
|
|
3279
3279
|
return this.optionsSignal();
|
|
3280
3280
|
}
|
|
3281
3281
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3282
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: CheckboxGroupComponent, isStandalone: true, selector: "lib-checkbox-group", inputs: { legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, parentLabel: { classPropertyName: "parentLabel", publicName: "parentLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, skeletonActive: { classPropertyName: "skeletonActive", publicName: "skeletonActive", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, optionalLabel: { classPropertyName: "optionalLabel", publicName: "optionalLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, ngImport: i0, template: "<fieldset class=\"c-checkbox-group\">\n <lib-input-label\n *ngIf=\"legend()\"\n [text]=\"legend()\"\n [required]=\"required()\"\n [textOptional]=\"optionalLabel()\"\n [size]=\"'sm'\"\n ></lib-input-label>\n\n <div\n class=\"c-checkbox-group__options\"\n [class.c-checkbox-group__options--no-parent]=\"!parentLabel()\"\n >\n <lib-checkbox\n *ngIf=\"parentLabel()\"\n [label]=\"parentLabel()\"\n [state]=\"parentState\"\n (changed)=\"onParentClick()\"\n class=\"c-checkbox-group__parent\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-parent'\"\n [value]=\"'parent'\"\n ></lib-checkbox>\n\n <div class=\"c-checkbox-group__childrens\">\n <lib-checkbox\n *ngFor=\"let option of getOptions(); trackBy: trackByValue\"\n [label]=\"option.label\"\n [state]=\"option.checked ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled || false\"\n (changed)=\"onChildChange(option.value, $event)\"\n class=\"c-checkbox-group__child\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-' + option.value\"\n [value]=\"option.value\"\n ></lib-checkbox>\n </div>\n <p *ngIf=\"helperText()\" class=\"c-checkbox-group__helper\">\n <lib-helper-text variant=\"danger\" [text]=\"helperText()\"></lib-helper-text>\n </p>\n </div>\n</fieldset>\n", styles: [".c-checkbox-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-checkbox-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)
|
|
3282
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: CheckboxGroupComponent, isStandalone: true, selector: "lib-checkbox-group", inputs: { legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, parentLabel: { classPropertyName: "parentLabel", publicName: "parentLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, skeletonActive: { classPropertyName: "skeletonActive", publicName: "skeletonActive", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, optionalLabel: { classPropertyName: "optionalLabel", publicName: "optionalLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, ngImport: i0, template: "<fieldset class=\"c-checkbox-group\">\n <lib-input-label\n *ngIf=\"legend()\"\n [text]=\"legend()\"\n [required]=\"required()\"\n [textOptional]=\"optionalLabel()\"\n [size]=\"'sm'\"\n ></lib-input-label>\n\n <div\n class=\"c-checkbox-group__options\"\n [class.c-checkbox-group__options--no-parent]=\"!parentLabel()\"\n >\n <lib-checkbox\n *ngIf=\"parentLabel()\"\n [label]=\"parentLabel()\"\n [state]=\"parentState\"\n (changed)=\"onParentClick()\"\n class=\"c-checkbox-group__parent\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-parent'\"\n [value]=\"'parent'\"\n ></lib-checkbox>\n\n <div class=\"c-checkbox-group__childrens\">\n <lib-checkbox\n *ngFor=\"let option of getOptions(); trackBy: trackByValue\"\n [label]=\"option.label\"\n [state]=\"option.checked ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled || false\"\n (changed)=\"onChildChange(option.value, $event)\"\n class=\"c-checkbox-group__child\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-' + option.value\"\n [value]=\"option.value\"\n ></lib-checkbox>\n </div>\n <p *ngIf=\"helperText()\" class=\"c-checkbox-group__helper\">\n <lib-helper-text variant=\"danger\" [text]=\"helperText()\"></lib-helper-text>\n </p>\n </div>\n</fieldset>\n", styles: [".c-checkbox-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-checkbox-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)}.c-checkbox-group__options--no-parent .c-checkbox-group__childrens,.c-checkbox-group__options--no-parent .c-checkbox-group__helper{padding-left:0}.c-checkbox-group__childrens{display:flex;flex-direction:column;gap:var(--space-container-gap-md);padding-left:var(--space-container-padding-md)}.c-checkbox-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0;padding-left:var(--space-container-padding-md)}.c-checkbox-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["label", "state", "errorActive", "skeletonActive", "disabled", "name", "value", "innerHTML", "ariaLabel"], outputs: ["changed"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML", "isLoading", "textOptional"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled", "isLoading"] }] });
|
|
3283
3283
|
}
|
|
3284
3284
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
3285
3285
|
type: Component,
|
|
@@ -3288,7 +3288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
3288
3288
|
CheckboxComponent,
|
|
3289
3289
|
InputLabelComponent,
|
|
3290
3290
|
HelperTextComponent,
|
|
3291
|
-
], template: "<fieldset class=\"c-checkbox-group\">\n <lib-input-label\n *ngIf=\"legend()\"\n [text]=\"legend()\"\n [required]=\"required()\"\n [textOptional]=\"optionalLabel()\"\n [size]=\"'sm'\"\n ></lib-input-label>\n\n <div\n class=\"c-checkbox-group__options\"\n [class.c-checkbox-group__options--no-parent]=\"!parentLabel()\"\n >\n <lib-checkbox\n *ngIf=\"parentLabel()\"\n [label]=\"parentLabel()\"\n [state]=\"parentState\"\n (changed)=\"onParentClick()\"\n class=\"c-checkbox-group__parent\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-parent'\"\n [value]=\"'parent'\"\n ></lib-checkbox>\n\n <div class=\"c-checkbox-group__childrens\">\n <lib-checkbox\n *ngFor=\"let option of getOptions(); trackBy: trackByValue\"\n [label]=\"option.label\"\n [state]=\"option.checked ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled || false\"\n (changed)=\"onChildChange(option.value, $event)\"\n class=\"c-checkbox-group__child\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-' + option.value\"\n [value]=\"option.value\"\n ></lib-checkbox>\n </div>\n <p *ngIf=\"helperText()\" class=\"c-checkbox-group__helper\">\n <lib-helper-text variant=\"danger\" [text]=\"helperText()\"></lib-helper-text>\n </p>\n </div>\n</fieldset>\n", styles: [".c-checkbox-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-checkbox-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)
|
|
3291
|
+
], template: "<fieldset class=\"c-checkbox-group\">\n <lib-input-label\n *ngIf=\"legend()\"\n [text]=\"legend()\"\n [required]=\"required()\"\n [textOptional]=\"optionalLabel()\"\n [size]=\"'sm'\"\n ></lib-input-label>\n\n <div\n class=\"c-checkbox-group__options\"\n [class.c-checkbox-group__options--no-parent]=\"!parentLabel()\"\n >\n <lib-checkbox\n *ngIf=\"parentLabel()\"\n [label]=\"parentLabel()\"\n [state]=\"parentState\"\n (changed)=\"onParentClick()\"\n class=\"c-checkbox-group__parent\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-parent'\"\n [value]=\"'parent'\"\n ></lib-checkbox>\n\n <div class=\"c-checkbox-group__childrens\">\n <lib-checkbox\n *ngFor=\"let option of getOptions(); trackBy: trackByValue\"\n [label]=\"option.label\"\n [state]=\"option.checked ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled || false\"\n (changed)=\"onChildChange(option.value, $event)\"\n class=\"c-checkbox-group__child\"\n [skeletonActive]=\"skeletonActive()\"\n [name]=\"name() + '-' + option.value\"\n [value]=\"option.value\"\n ></lib-checkbox>\n </div>\n <p *ngIf=\"helperText()\" class=\"c-checkbox-group__helper\">\n <lib-helper-text variant=\"danger\" [text]=\"helperText()\"></lib-helper-text>\n </p>\n </div>\n</fieldset>\n", styles: [".c-checkbox-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-checkbox-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)}.c-checkbox-group__options--no-parent .c-checkbox-group__childrens,.c-checkbox-group__options--no-parent .c-checkbox-group__helper{padding-left:0}.c-checkbox-group__childrens{display:flex;flex-direction:column;gap:var(--space-container-gap-md);padding-left:var(--space-container-padding-md)}.c-checkbox-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0;padding-left:var(--space-container-padding-md)}.c-checkbox-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
|
|
3292
3292
|
}], ctorParameters: () => [] });
|
|
3293
3293
|
|
|
3294
3294
|
class ChipsComponent {
|
|
@@ -6431,6 +6431,7 @@ class SelectComponent {
|
|
|
6431
6431
|
cancelButtonText = input('Cancel');
|
|
6432
6432
|
acceptButtonText = input('Accept');
|
|
6433
6433
|
valueChange = output();
|
|
6434
|
+
searchChange = output();
|
|
6434
6435
|
// Private signals
|
|
6435
6436
|
_selectedOptions = signal([]);
|
|
6436
6437
|
_filteredOptions = signal([]);
|
|
@@ -6529,6 +6530,7 @@ class SelectComponent {
|
|
|
6529
6530
|
// Dropdown event handlers
|
|
6530
6531
|
onDropdownSearchChanged(searchText) {
|
|
6531
6532
|
this._searchText.set(searchText);
|
|
6533
|
+
this.searchChange.emit(searchText);
|
|
6532
6534
|
this.filterOptions();
|
|
6533
6535
|
}
|
|
6534
6536
|
onDropdownValueChange(value) {
|
|
@@ -6663,7 +6665,7 @@ class SelectComponent {
|
|
|
6663
6665
|
this.onChange(value);
|
|
6664
6666
|
}
|
|
6665
6667
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6666
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SelectComponent, isStandalone: true, selector: "lib-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, optionalLabel: { classPropertyName: "optionalLabel", publicName: "optionalLabel", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, searchBarEnabled: { classPropertyName: "searchBarEnabled", publicName: "searchBarEnabled", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, safeAreaInsetBottom: { classPropertyName: "safeAreaInsetBottom", publicName: "safeAreaInsetBottom", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonText: { classPropertyName: "cancelButtonText", publicName: "cancelButtonText", isSignal: true, isRequired: false, transformFunction: null }, acceptButtonText: { classPropertyName: "acceptButtonText", publicName: "acceptButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, providers: [
|
|
6668
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SelectComponent, isStandalone: true, selector: "lib-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, optionalLabel: { classPropertyName: "optionalLabel", publicName: "optionalLabel", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, searchBarEnabled: { classPropertyName: "searchBarEnabled", publicName: "searchBarEnabled", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, safeAreaInsetBottom: { classPropertyName: "safeAreaInsetBottom", publicName: "safeAreaInsetBottom", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonText: { classPropertyName: "cancelButtonText", publicName: "cancelButtonText", isSignal: true, isRequired: false, transformFunction: null }, acceptButtonText: { classPropertyName: "acceptButtonText", publicName: "acceptButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", searchChange: "searchChange" }, providers: [
|
|
6667
6669
|
{
|
|
6668
6670
|
provide: NG_VALUE_ACCESSOR,
|
|
6669
6671
|
useExisting: forwardRef(() => SelectComponent),
|