@infineon/infineon-design-system-stencil 40.10.1 → 40.10.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.
- package/dist/cjs/ifx-chip.cjs.entry.js +5 -5
- package/dist/collection/components/chip/chip.js +5 -5
- package/dist/components/ifx-chip.js +1 -1
- package/dist/components/ifx-table.js +1 -1
- package/dist/components/ifx-tabs.js +1 -1
- package/dist/components/p-D_1S69IW.js +1 -0
- package/dist/docs.json +1 -1
- package/dist/esm/ifx-chip.entry.js +5 -5
- package/dist/hydrate/index.js +5 -5
- package/dist/hydrate/index.mjs +5 -5
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/p-59a4cc57.entry.js +1 -0
- package/package.json +2 -2
- package/dist/components/p-BG7puxf_.js +0 -1
- package/dist/infineon-design-system-stencil/p-29277153.entry.js +0 -1
|
@@ -304,7 +304,7 @@ const Chip = class {
|
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
render() {
|
|
307
|
-
return (index.h(index.Host, { key: '
|
|
307
|
+
return (index.h(index.Host, { key: 'ac4f98aaf553e387e5d5e4f95b9a6ffa31253f20', onKeyDown: (event) => this.handleKeyDown(event) }, index.h("div", { key: '5d1d64add1f5735e9c6d48421defec893ad5caf1', class: "chip", part: "chip" }, index.h("div", { key: '1a92cacf4a60ad23a793075c3248a295007f1f07', class: `chip__wrapper chip__wrapper--${this.size ? this.size : "medium"}
|
|
308
308
|
chip__wrapper--${this.variant === "multi" ? "multi" : "single"}
|
|
309
309
|
${this.opened && !this.readOnly ? "chip__wrapper--opened" : ""}
|
|
310
310
|
${this.selectedOptions.length ? "chip__wrapper--selected" : ""}
|
|
@@ -314,17 +314,17 @@ const Chip = class {
|
|
|
314
314
|
? () => {
|
|
315
315
|
this.handleWrapperClick();
|
|
316
316
|
}
|
|
317
|
-
: undefined, role: "combobox", "aria-label-text": this.ariaLabelText, "aria-value": this.getSelectedOptions(), "aria-haspopup": !this.readOnly ? "listbox" : undefined, "aria-expanded": !this.readOnly ? this.opened.toString() : undefined, "aria-controls": !this.readOnly ? "dropdown" : undefined, "aria-readonly": this.readOnly ? "true" : undefined, "aria-multiselectable": this.variant === "multi" ? "true" : undefined, part: "label-wrapper" }, this.icon && (index.h("div", { key: '
|
|
317
|
+
: undefined, role: "combobox", "aria-label-text": this.ariaLabelText, "aria-value": this.getSelectedOptions(), "aria-haspopup": !this.readOnly ? "listbox" : undefined, "aria-expanded": !this.readOnly ? this.opened.toString() : undefined, "aria-controls": !this.readOnly ? "dropdown" : undefined, "aria-readonly": this.readOnly ? "true" : undefined, "aria-multiselectable": this.variant === "multi" ? "true" : undefined, part: "label-wrapper" }, this.icon && (index.h("div", { key: '37aef8468b121d7ae4221ba54fe72e54d295b45a', class: "icon__wrapper" }, index.h("ifx-icon", { key: 'f55a12b75290a9f92614ccff179db298c9b84e6a', icon: this.icon }))), index.h("div", { key: '84a738719586cbc5f99c920662fa8ec9fa156c14', class: "wrapper__label", part: "label" }, this.selectedOptions.length === 0 && `${this.placeholder}`, this.selectedOptions.length !== 0 &&
|
|
318
318
|
this.variant === "multi" &&
|
|
319
319
|
this.placeholder !== "" &&
|
|
320
|
-
`${this.placeholder}:`, this.selectedOptions.length !== 0 && (index.h("div", { key: '
|
|
320
|
+
`${this.placeholder}:`, this.selectedOptions.length !== 0 && (index.h("div", { key: '0fe08e692336a95bc7c456e13b6d8caecd099691', class: "label__selected-options" }, this.getSelectedOptions())), this.selectedOptions.length > 2 && this.variant === "multi" && (index.h("ifx-indicator", { key: '69c3e2192400484a5a9fb6732f14e52a73efa431', variant: "number", inverted: this.theme === "outlined" ? false : true, number: this.selectedOptions.length - 2 }))), !this.readOnly &&
|
|
321
321
|
(this.variant !== "multi" ||
|
|
322
322
|
(this.variant === "multi" &&
|
|
323
|
-
this.selectedOptions.length === 0)) && (index.h("div", { key: '
|
|
323
|
+
this.selectedOptions.length === 0)) && (index.h("div", { key: '3e420c2e4e05bce059b55da68a001aa2254642ab', class: "wrapper__open-button" }, index.h("ifx-icon", { key: 1, icon: `chevron-down-16` }))), this.selectedOptions.length >= 1 && this.variant === "multi" && (index.h("div", { key: '53c53e44f466e0bda1b730d78b8bff38354b0318', class: "wrapper__unselect-button", onClick: !this.readOnly && !this.disabled
|
|
324
324
|
? (e) => {
|
|
325
325
|
this.handleUnselectButtonClick(e);
|
|
326
326
|
}
|
|
327
|
-
: undefined }, index.h("ifx-icon", { key: 2, icon: `cross16` })))), this.opened && !this.readOnly && (index.h("div", { key: '
|
|
327
|
+
: undefined }, index.h("ifx-icon", { key: 2, icon: `cross16` })))), this.opened && !this.readOnly && (index.h("div", { key: 'c548fe5cb5957f91b4d5a5194338b14b9a143918', id: "dropdown", role: "listbox", class: "chip__dropdown" }, index.h("slot", { key: 'd180a4195cec16ece5d97b454b3b3ff2402d64db' }))))));
|
|
328
328
|
}
|
|
329
329
|
static get watchers() { return {
|
|
330
330
|
"value": [{
|
|
@@ -296,7 +296,7 @@ export class Chip {
|
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
298
|
render() {
|
|
299
|
-
return (h(Host, { key: '
|
|
299
|
+
return (h(Host, { key: 'ac4f98aaf553e387e5d5e4f95b9a6ffa31253f20', onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '5d1d64add1f5735e9c6d48421defec893ad5caf1', class: "chip", part: "chip" }, h("div", { key: '1a92cacf4a60ad23a793075c3248a295007f1f07', class: `chip__wrapper chip__wrapper--${this.size ? this.size : "medium"}
|
|
300
300
|
chip__wrapper--${this.variant === "multi" ? "multi" : "single"}
|
|
301
301
|
${this.opened && !this.readOnly ? "chip__wrapper--opened" : ""}
|
|
302
302
|
${this.selectedOptions.length ? "chip__wrapper--selected" : ""}
|
|
@@ -306,17 +306,17 @@ export class Chip {
|
|
|
306
306
|
? () => {
|
|
307
307
|
this.handleWrapperClick();
|
|
308
308
|
}
|
|
309
|
-
: undefined, role: "combobox", "aria-label-text": this.ariaLabelText, "aria-value": this.getSelectedOptions(), "aria-haspopup": !this.readOnly ? "listbox" : undefined, "aria-expanded": !this.readOnly ? this.opened.toString() : undefined, "aria-controls": !this.readOnly ? "dropdown" : undefined, "aria-readonly": this.readOnly ? "true" : undefined, "aria-multiselectable": this.variant === "multi" ? "true" : undefined, part: "label-wrapper" }, this.icon && (h("div", { key: '
|
|
309
|
+
: undefined, role: "combobox", "aria-label-text": this.ariaLabelText, "aria-value": this.getSelectedOptions(), "aria-haspopup": !this.readOnly ? "listbox" : undefined, "aria-expanded": !this.readOnly ? this.opened.toString() : undefined, "aria-controls": !this.readOnly ? "dropdown" : undefined, "aria-readonly": this.readOnly ? "true" : undefined, "aria-multiselectable": this.variant === "multi" ? "true" : undefined, part: "label-wrapper" }, this.icon && (h("div", { key: '37aef8468b121d7ae4221ba54fe72e54d295b45a', class: "icon__wrapper" }, h("ifx-icon", { key: 'f55a12b75290a9f92614ccff179db298c9b84e6a', icon: this.icon }))), h("div", { key: '84a738719586cbc5f99c920662fa8ec9fa156c14', class: "wrapper__label", part: "label" }, this.selectedOptions.length === 0 && `${this.placeholder}`, this.selectedOptions.length !== 0 &&
|
|
310
310
|
this.variant === "multi" &&
|
|
311
311
|
this.placeholder !== "" &&
|
|
312
|
-
`${this.placeholder}:`, this.selectedOptions.length !== 0 && (h("div", { key: '
|
|
312
|
+
`${this.placeholder}:`, this.selectedOptions.length !== 0 && (h("div", { key: '0fe08e692336a95bc7c456e13b6d8caecd099691', class: "label__selected-options" }, this.getSelectedOptions())), this.selectedOptions.length > 2 && this.variant === "multi" && (h("ifx-indicator", { key: '69c3e2192400484a5a9fb6732f14e52a73efa431', variant: "number", inverted: this.theme === "outlined" ? false : true, number: this.selectedOptions.length - 2 }))), !this.readOnly &&
|
|
313
313
|
(this.variant !== "multi" ||
|
|
314
314
|
(this.variant === "multi" &&
|
|
315
|
-
this.selectedOptions.length === 0)) && (h("div", { key: '
|
|
315
|
+
this.selectedOptions.length === 0)) && (h("div", { key: '3e420c2e4e05bce059b55da68a001aa2254642ab', class: "wrapper__open-button" }, h("ifx-icon", { key: 1, icon: `chevron-down-16` }))), this.selectedOptions.length >= 1 && this.variant === "multi" && (h("div", { key: '53c53e44f466e0bda1b730d78b8bff38354b0318', class: "wrapper__unselect-button", onClick: !this.readOnly && !this.disabled
|
|
316
316
|
? (e) => {
|
|
317
317
|
this.handleUnselectButtonClick(e);
|
|
318
318
|
}
|
|
319
|
-
: undefined }, h("ifx-icon", { key: 2, icon: `cross16` })))), this.opened && !this.readOnly && (h("div", { key: '
|
|
319
|
+
: undefined }, h("ifx-icon", { key: 2, icon: `cross16` })))), this.opened && !this.readOnly && (h("div", { key: 'c548fe5cb5957f91b4d5a5194338b14b9a143918', id: "dropdown", role: "listbox", class: "chip__dropdown" }, h("slot", { key: 'd180a4195cec16ece5d97b454b3b3ff2402d64db' }))))));
|
|
320
320
|
}
|
|
321
321
|
static get is() { return "ifx-chip"; }
|
|
322
322
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as
|
|
1
|
+
import{C as o,d as s}from"./p-D_1S69IW.js";const p=o,r=s;export{p as IfxChip,r as defineCustomElement}
|