@getflip/swirl-components 0.71.2 → 0.71.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.
- package/components.json +1 -1
- package/dist/cjs/swirl-select.cjs.entry.js +2 -2
- package/dist/cjs/swirl-table.cjs.entry.js +1 -1
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/collection/components/swirl-select/swirl-select.js +2 -2
- package/dist/collection/components/swirl-table/swirl-table.css +0 -3
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-select.js +2 -2
- package/dist/components/swirl-table.js +1 -1
- package/dist/esm/swirl-select.entry.js +2 -2
- package/dist/esm/swirl-table.entry.js +1 -1
- package/dist/swirl-components/p-7c03850a.entry.js +1 -0
- package/dist/swirl-components/{p-4e8d7333.entry.js → p-b6e75c2e.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/swirl-components/p-3a69033d.entry.js +0 -1
|
@@ -58,7 +58,7 @@ export class SwirlSelect {
|
|
|
58
58
|
this.options = querySelectorAllDeep(this.el, "swirl-option-list-item");
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
var _a, _b;
|
|
61
|
+
var _a, _b, _c;
|
|
62
62
|
const label = Boolean(this.value)
|
|
63
63
|
? (_a = this.value) === null || _a === void 0 ? void 0 : _a.map((value) => { var _a; return (_a = this.options.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label; }).join(", ")
|
|
64
64
|
: "";
|
|
@@ -74,7 +74,7 @@ export class SwirlSelect {
|
|
|
74
74
|
"select--inline": this.inline,
|
|
75
75
|
"select--multi": this.multiSelect,
|
|
76
76
|
});
|
|
77
|
-
return (h(Host, { onKeyDown: this.onKeyDown }, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: true, type: "text", value: label }), h("span", { class: "select__multi-select-values" }, (_b = this.value) === null || _b === void 0 ? void 0 : _b.map((value) => this.options.find((option) => option.value === value)).map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option === null || option === void 0 ? void 0 : option.label,
|
|
77
|
+
return (h(Host, { onKeyDown: this.onKeyDown }, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: true, type: "text", value: label }), h("span", { class: "select__multi-select-values" }, (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.map((value) => this.options.find((option) => option.value === value))) === null || _c === void 0 ? void 0 : _c.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option === null || option === void 0 ? void 0 : option.label,
|
|
78
78
|
// eslint-disable-next-line react/jsx-no-bind
|
|
79
79
|
onRemove: () => this.unselectOption(option === null || option === void 0 ? void 0 : option.value), removable: !this.disabled })))), h("span", { class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { animation: "scale-in-y", class: "select__popover", label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: `select-options-${this.selectId}`, ref: (el) => (this.popover = el), trigger: `trigger-${this.selectId}`, useContainerWidth: "swirl-form-control" }, h("swirl-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, h("slot", { onSlotchange: this.onSlotChange }))))));
|
|
80
80
|
}
|
|
@@ -53,9 +53,6 @@
|
|
|
53
53
|
flex-grow: 1;
|
|
54
54
|
flex-shrink: 1;
|
|
55
55
|
align-items: center;
|
|
56
|
-
border-right: var(--s-border-width-default) solid var(--s-border-default);
|
|
57
|
-
border-bottom: var(--s-border-width-default) solid var(--s-border-default);
|
|
58
|
-
border-left: var(--s-border-width-default) solid var(--s-border-default);
|
|
59
56
|
background-color: var(--s-surface-default);
|
|
60
57
|
}
|
|
61
58
|
|