@latitude-ui/widgets 0.0.10 → 0.0.12
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.
|
@@ -12,16 +12,14 @@ const SELECT_SINGLE_VALUE_COERCION = (value) => {
|
|
|
12
12
|
};
|
|
13
13
|
export class SelectSingleComponent {
|
|
14
14
|
dir = inject((SelectDirective));
|
|
15
|
-
|
|
15
|
+
nullable = input(true, { transform: booleanAttribute });
|
|
16
16
|
handleSelectOption(option) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
this.dir.writeValue(option.selected() ? null : option.value());
|
|
17
|
+
const value = this.nullable() ? (option.selected() ? null : option.value()) : option.value();
|
|
18
|
+
this.dir.writeValue(value);
|
|
19
|
+
this.dir.hide();
|
|
22
20
|
}
|
|
23
21
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectSingleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectSingleComponent, isStandalone: true, selector: "lat-select[type=\"single\"]", inputs: {
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectSingleComponent, isStandalone: true, selector: "lat-select[type=\"single\"]", inputs: { nullable: { classPropertyName: "nullable", publicName: "nullable", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
25
23
|
{
|
|
26
24
|
provide: SELECT_VALUE_COERCION,
|
|
27
25
|
useValue: SELECT_SINGLE_VALUE_COERCION,
|
|
@@ -45,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
45
43
|
},
|
|
46
44
|
], hostDirectives: [SelectDirective], template: "<lat-select-trigger cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\r\n <lat-select-value>\r\n @if (dir.selectedOptions().at(0); as selected) {\r\n {{ selected.label() }}\r\n } @else {\r\n {{ dir.placeholder() }}\r\n }\r\n </lat-select-value>\r\n</lat-select-trigger>\r\n\r\n<ng-template\r\n cdkConnectedOverlay\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayPanelClass=\"lat-select-dropdown\"\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"dir.overlayExpanded()\"\r\n [cdkConnectedOverlayWidth]=\"dir.overlayWidth() > 0 ? dir.overlayWidth() : 'auto'\"\r\n [cdkConnectedOverlayPositions]=\"dir.overlayPositions()\"\r\n (backdropClick)=\"dir.hide()\"\r\n (detach)=\"dir.hide()\"\r\n (positionChange)=\"dir.updateOverlayPositionSide($event)\"\r\n>\r\n <lat-listbox [style.width.px]=\"dir.overlayWidth()\" [attr.data-side]=\"dir.overlayPositionSide()\">\r\n @for (option of dir.options(); track option.value()) {\r\n <lat-option\r\n [setsize]=\"$count\"\r\n [posinset]=\"$index\"\r\n [value]=\"option.value()\"\r\n [disabled]=\"option.disabled()\"\r\n (click)=\"handleSelectOption(option)\"\r\n >\r\n @if (option.selected()) {\r\n <lat-icon name=\"check\" />\r\n }\r\n {{ option.label() }}\r\n </lat-option>\r\n }\r\n </lat-listbox>\r\n</ng-template>\r\n" }]
|
|
47
45
|
}] });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXNpbmdsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LXNpbmdsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LXNpbmdsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBR3hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBRTVFLE1BQU0sNEJBQTRCLEdBQUcsQ0FBSSxLQUFjLEVBQU8sRUFBRTtJQUM5RCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQVEsQ0FBQztBQUN2QyxDQUFDLENBQUM7QUF5QkYsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQixHQUFHLEdBQUcsTUFBTSxDQUFDLENBQUEsZUFBa0IsQ0FBQSxDQUFDLENBQUM7SUFFakMsUUFBUSxHQUFHLEtBQUssQ0FBbUIsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUVoRixrQkFBa0IsQ0FBQyxNQUFnQztRQUMzRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFFN0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQixDQUFDO3VHQVZVLHFCQUFxQjsyRkFBckIscUJBQXFCLHVOQVJyQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxxQkFBcUI7Z0JBQzlCLFFBQVEsRUFBRSw0QkFBNEI7YUFDdkM7U0FDRix3R0NwQ0gsby9DQXlDQSw0Q0R2Qkksc0JBQXNCLCtGQUN0QixvQkFBb0IsMkZBQ3BCLGdCQUFnQix1SUFDaEIsbUJBQW1CLDQrQkFDbkIsZ0JBQWdCLGtGQUNoQixzQkFBc0IseUxBQ3RCLGFBQWE7OzJGQWVKLHFCQUFxQjtrQkF2QmpDLFNBQVM7OEJBQ0M7d0JBQ1Asc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsYUFBYTtxQkFDZCxZQUNTLFdBQVcsWUFDWCwyQkFBMkIsaUJBRXRCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLHFCQUFxQjs0QkFDOUIsUUFBUSxFQUFFLDRCQUE0Qjt5QkFDdkM7cUJBQ0Ysa0JBQ2UsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIGlucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDZGtDb25uZWN0ZWRPdmVybGF5LCBDZGtPdmVybGF5T3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGxhdGl0dWRlLXVpL3dpZGdldHMvaWNvbnMnO1xuaW1wb3J0IHsgTGlzdEJveENvbXBvbmVudCwgTGlzdEJveE9wdGlvbkNvbXBvbmVudCB9IGZyb20gJ0BsYXRpdHVkZS11aS93aWRnZXRzL2xpc3Rib3gnO1xuXG5pbXBvcnQgeyBTZWxlY3RPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFNlbGVjdFRyaWdnZXJDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC10cmlnZ2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RWYWx1ZUNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXZhbHVlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTRUxFQ1RfVkFMVUVfQ09FUkNJT04sIFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LmRpcmVjdGl2ZSc7XG5cbmNvbnN0IFNFTEVDVF9TSU5HTEVfVkFMVUVfQ09FUkNJT04gPSA8VD4odmFsdWU6IHVua25vd24pOiBUW10gPT4ge1xuICByZXR1cm4gKHZhbHVlID8gW3ZhbHVlXSA6IFtdKSBhcyBUW107XG59O1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1xuICAgIFNlbGVjdFRyaWdnZXJDb21wb25lbnQsXG4gICAgU2VsZWN0VmFsdWVDb21wb25lbnQsXG4gICAgQ2RrT3ZlcmxheU9yaWdpbixcbiAgICBDZGtDb25uZWN0ZWRPdmVybGF5LFxuICAgIExpc3RCb3hDb21wb25lbnQsXG4gICAgTGlzdEJveE9wdGlvbkNvbXBvbmVudCxcbiAgICBJY29uQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRBczogJ2xhdFNlbGVjdCcsXG4gIHNlbGVjdG9yOiAnbGF0LXNlbGVjdFt0eXBlPVwic2luZ2xlXCJdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1zaW5nbGUuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0VMRUNUX1ZBTFVFX0NPRVJDSU9OLFxuICAgICAgdXNlVmFsdWU6IFNFTEVDVF9TSU5HTEVfVkFMVUVfQ09FUkNJT04sXG4gICAgfSxcbiAgXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTZWxlY3REaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RTaW5nbGVDb21wb25lbnQ8VD4ge1xuICBwdWJsaWMgcmVhZG9ubHkgZGlyID0gaW5qZWN0KFNlbGVjdERpcmVjdGl2ZTxUPik7XG5cbiAgcHVibGljIHJlYWRvbmx5IG51bGxhYmxlID0gaW5wdXQ8dW5rbm93biwgYm9vbGVhbj4odHJ1ZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgcHJvdGVjdGVkIGhhbmRsZVNlbGVjdE9wdGlvbihvcHRpb246IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZTxUPik6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy5udWxsYWJsZSgpID8gKG9wdGlvbi5zZWxlY3RlZCgpID8gbnVsbCA6IG9wdGlvbi52YWx1ZSgpKSA6IG9wdGlvbi52YWx1ZSgpO1xuXG4gICAgdGhpcy5kaXIud3JpdGVWYWx1ZSh2YWx1ZSk7XG4gICAgdGhpcy5kaXIuaGlkZSgpO1xuICB9XG59XG4iLCI8bGF0LXNlbGVjdC10cmlnZ2VyIGNka092ZXJsYXlPcmlnaW4gI3RyaWdnZXI9XCJjZGtPdmVybGF5T3JpZ2luXCI+XHJcbiAgPGxhdC1zZWxlY3QtdmFsdWU+XHJcbiAgICBAaWYgKGRpci5zZWxlY3RlZE9wdGlvbnMoKS5hdCgwKTsgYXMgc2VsZWN0ZWQpIHtcclxuICAgICAge3sgc2VsZWN0ZWQubGFiZWwoKSB9fVxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIHt7IGRpci5wbGFjZWhvbGRlcigpIH19XHJcbiAgICB9XHJcbiAgPC9sYXQtc2VsZWN0LXZhbHVlPlxyXG48L2xhdC1zZWxlY3QtdHJpZ2dlcj5cclxuXHJcbjxuZy10ZW1wbGF0ZVxyXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlcclxuICBjZGtDb25uZWN0ZWRPdmVybGF5TG9ja1Bvc2l0aW9uXHJcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXHJcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheVBhbmVsQ2xhc3M9XCJsYXQtc2VsZWN0LWRyb3Bkb3duXCJcclxuICBjZGtDb25uZWN0ZWRPdmVybGF5QmFja2Ryb3BDbGFzcz1cImNkay1vdmVybGF5LXRyYW5zcGFyZW50LWJhY2tkcm9wXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiZGlyLm92ZXJsYXlFeHBhbmRlZCgpXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheVdpZHRoXT1cImRpci5vdmVybGF5V2lkdGgoKSA+IDAgPyBkaXIub3ZlcmxheVdpZHRoKCkgOiAnYXV0bydcIlxyXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5UG9zaXRpb25zXT1cImRpci5vdmVybGF5UG9zaXRpb25zKClcIlxyXG4gIChiYWNrZHJvcENsaWNrKT1cImRpci5oaWRlKClcIlxyXG4gIChkZXRhY2gpPVwiZGlyLmhpZGUoKVwiXHJcbiAgKHBvc2l0aW9uQ2hhbmdlKT1cImRpci51cGRhdGVPdmVybGF5UG9zaXRpb25TaWRlKCRldmVudClcIlxyXG4+XHJcbiAgPGxhdC1saXN0Ym94IFtzdHlsZS53aWR0aC5weF09XCJkaXIub3ZlcmxheVdpZHRoKClcIiBbYXR0ci5kYXRhLXNpZGVdPVwiZGlyLm92ZXJsYXlQb3NpdGlvblNpZGUoKVwiPlxyXG4gICAgQGZvciAob3B0aW9uIG9mIGRpci5vcHRpb25zKCk7IHRyYWNrIG9wdGlvbi52YWx1ZSgpKSB7XHJcbiAgICAgIDxsYXQtb3B0aW9uXHJcbiAgICAgICAgW3NldHNpemVdPVwiJGNvdW50XCJcclxuICAgICAgICBbcG9zaW5zZXRdPVwiJGluZGV4XCJcclxuICAgICAgICBbdmFsdWVdPVwib3B0aW9uLnZhbHVlKClcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJvcHRpb24uZGlzYWJsZWQoKVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZVNlbGVjdE9wdGlvbihvcHRpb24pXCJcclxuICAgICAgPlxyXG4gICAgICAgIEBpZiAob3B0aW9uLnNlbGVjdGVkKCkpIHtcclxuICAgICAgICAgIDxsYXQtaWNvbiBuYW1lPVwiY2hlY2tcIiAvPlxyXG4gICAgICAgIH1cclxuICAgICAgICB7eyBvcHRpb24ubGFiZWwoKSB9fVxyXG4gICAgICA8L2xhdC1vcHRpb24+XHJcbiAgICB9XHJcbiAgPC9sYXQtbGlzdGJveD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@latitude-ui/widgets",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "UI Widgets",
|
|
6
6
|
"keywords": [
|
|
@@ -68,13 +68,13 @@
|
|
|
68
68
|
"types": "./textbox/latitude-ui-widgets-textbox.d.ts",
|
|
69
69
|
"default": "./esm2022/textbox/latitude-ui-widgets-textbox.js"
|
|
70
70
|
},
|
|
71
|
-
"./textbox-number": {
|
|
72
|
-
"types": "./textbox-number/latitude-ui-widgets-textbox-number.d.ts",
|
|
73
|
-
"default": "./esm2022/textbox-number/latitude-ui-widgets-textbox-number.js"
|
|
74
|
-
},
|
|
75
71
|
"./textbox-search": {
|
|
76
72
|
"types": "./textbox-search/latitude-ui-widgets-textbox-search.d.ts",
|
|
77
73
|
"default": "./esm2022/textbox-search/latitude-ui-widgets-textbox-search.js"
|
|
74
|
+
},
|
|
75
|
+
"./textbox-number": {
|
|
76
|
+
"types": "./textbox-number/latitude-ui-widgets-textbox-number.d.ts",
|
|
77
|
+
"default": "./esm2022/textbox-number/latitude-ui-widgets-textbox-number.js"
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
@@ -88,4 +88,4 @@
|
|
|
88
88
|
"dependencies": {
|
|
89
89
|
"tslib": "^2.3.0"
|
|
90
90
|
}
|
|
91
|
-
}
|
|
91
|
+
}
|
|
@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "./select.directive";
|
|
5
5
|
export declare class SelectSingleComponent<T> {
|
|
6
6
|
readonly dir: SelectDirective<T, true>;
|
|
7
|
-
readonly
|
|
7
|
+
readonly nullable: import("@angular/core").InputSignalWithTransform<unknown, boolean>;
|
|
8
8
|
protected handleSelectOption(option: SelectOptionDirective<T>): void;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectSingleComponent<any>, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectSingleComponent<any>, "lat-select[type=\"single\"]", ["latSelect"], { "
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectSingleComponent<any>, "lat-select[type=\"single\"]", ["latSelect"], { "nullable": { "alias": "nullable"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SelectDirective; inputs: {}; outputs: {}; }]>;
|
|
11
11
|
}
|
package/styles/forms/_index.scss
CHANGED
|
@@ -479,12 +479,16 @@ lat-select {
|
|
|
479
479
|
max-width: 100%;
|
|
480
480
|
|
|
481
481
|
&[type="single"] {
|
|
482
|
-
|
|
482
|
+
lat-select-value {
|
|
483
|
+
display: flex;
|
|
483
484
|
|
|
484
|
-
|
|
485
|
-
|
|
485
|
+
align-items: center;
|
|
486
|
+
justify-content: flex-start;
|
|
486
487
|
|
|
487
|
-
|
|
488
|
+
vertical-align: middle;
|
|
489
|
+
|
|
490
|
+
padding-inline: var(--lat-textbox-padding-inline);
|
|
491
|
+
}
|
|
488
492
|
}
|
|
489
493
|
|
|
490
494
|
|
|
@@ -645,8 +649,19 @@ lat-select {
|
|
|
645
649
|
.lat-select-dropdown {
|
|
646
650
|
|
|
647
651
|
lat-listbox {
|
|
652
|
+
box-sizing: border-box;
|
|
653
|
+
|
|
654
|
+
display: flex;
|
|
655
|
+
|
|
656
|
+
flex-direction: column;
|
|
657
|
+
|
|
658
|
+
outline: none;
|
|
659
|
+
pointer-events: auto;
|
|
660
|
+
|
|
661
|
+
max-height: 300px;
|
|
662
|
+
|
|
648
663
|
padding-block: 4px;
|
|
649
|
-
padding-inline:
|
|
664
|
+
padding-inline: 0;
|
|
650
665
|
|
|
651
666
|
box-shadow: var(--lat-box-shadow-large);
|
|
652
667
|
background-color: var(--lat-background-color);
|
|
@@ -669,20 +684,36 @@ lat-select {
|
|
|
669
684
|
inset: 0 4px 0 0;
|
|
670
685
|
}
|
|
671
686
|
|
|
687
|
+
[role="listbox"] {
|
|
688
|
+
box-sizing: border-box;
|
|
689
|
+
|
|
690
|
+
scrollbar-width: none; /* Firefox */
|
|
691
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
692
|
+
|
|
693
|
+
&::-webkit-scrollbar {
|
|
694
|
+
display: none;
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
|
|
672
698
|
[role="option"] {
|
|
699
|
+
box-sizing: border-box;
|
|
700
|
+
|
|
673
701
|
display: inline-flex;
|
|
674
702
|
|
|
675
|
-
flex-wrap:
|
|
703
|
+
flex-wrap: nowrap;
|
|
676
704
|
flex-direction: row;
|
|
677
705
|
|
|
706
|
+
width: auto;
|
|
707
|
+
|
|
678
708
|
gap: 10px;
|
|
709
|
+
margin-inline: 4px;
|
|
679
710
|
padding-inline: 10px;
|
|
680
711
|
|
|
681
712
|
align-items: center;
|
|
682
713
|
justify-content: flex-start;
|
|
683
714
|
|
|
684
|
-
width: 100%;
|
|
685
715
|
height: 28px;
|
|
716
|
+
min-height: 28px;
|
|
686
717
|
|
|
687
718
|
cursor: pointer;
|
|
688
719
|
user-select: none;
|