@diwacopilot/components 1.1.0 → 1.2.0
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/diwa-badge.cjs.entry.js +45 -3
- package/dist/cjs/diwa-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/diwa-button-pure.cjs.entry.js +1 -1
- package/dist/cjs/diwa-button.cjs.entry.js +1 -1
- package/dist/cjs/diwa-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/diwa-components.cjs.js +1 -1
- package/dist/cjs/diwa-divider.cjs.entry.js +1 -1
- package/dist/cjs/diwa-flyout.cjs.entry.js +1 -1
- package/dist/cjs/diwa-heading.cjs.entry.js +1 -1
- package/dist/cjs/diwa-icon.cjs.entry.js +1 -1
- package/dist/cjs/diwa-inline-notification.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-date.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-email.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-month.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-number.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-password.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-search.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-tel.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-text.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-time.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-url.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input-week.cjs.entry.js +1 -1
- package/dist/cjs/diwa-input.cjs.entry.js +1 -1
- package/dist/cjs/diwa-link-pure.cjs.entry.js +1 -1
- package/dist/cjs/diwa-link.cjs.entry.js +1 -1
- package/dist/cjs/diwa-modal.cjs.entry.js +1 -1
- package/dist/cjs/diwa-multi-select-option.cjs.entry.js +1 -1
- package/dist/cjs/diwa-multi-select.cjs.entry.js +2 -2
- package/dist/cjs/diwa-pagination.cjs.entry.js +1 -1
- package/dist/cjs/diwa-pin-code.cjs.entry.js +2 -2
- package/dist/cjs/diwa-popover.cjs.entry.js +1 -1
- package/dist/cjs/diwa-radio-group-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/diwa-scroller.cjs.entry.js +1 -1
- package/dist/cjs/diwa-segmented-control-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-segmented-control.cjs.entry.js +1 -1
- package/dist/cjs/diwa-select-option.cjs.entry.js +1 -1
- package/dist/cjs/diwa-select.cjs.entry.js +1 -1
- package/dist/cjs/diwa-spinner.cjs.entry.js +1 -1
- package/dist/cjs/diwa-stepper-horizontal-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-stepper-horizontal.cjs.entry.js +1 -1
- package/dist/cjs/diwa-switch.cjs.entry.js +1 -1
- package/dist/cjs/diwa-table-body.cjs.entry.js +1 -1
- package/dist/cjs/diwa-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/diwa-table-head-cell.cjs.entry.js +4 -4
- package/dist/cjs/diwa-table-head.cjs.entry.js +1 -1
- package/dist/cjs/diwa-table-row.cjs.entry.js +1 -1
- package/dist/cjs/diwa-table.cjs.entry.js +1 -1
- package/dist/cjs/diwa-tabs-bar.cjs.entry.js +1 -1
- package/dist/cjs/diwa-tabs-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-tabs.cjs.entry.js +1 -1
- package/dist/cjs/diwa-tag-dismissible.cjs.entry.js +1 -1
- package/dist/cjs/diwa-tag.cjs.entry.js +1 -1
- package/dist/cjs/diwa-text-list-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-text-list.cjs.entry.js +1 -1
- package/dist/cjs/diwa-text.cjs.entry.js +1 -1
- package/dist/cjs/diwa-textarea.cjs.entry.js +1 -1
- package/dist/cjs/diwa-toast-item.cjs.entry.js +1 -1
- package/dist/cjs/diwa-toast.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/diwa-badge/diwa-badge-styles.js +39 -2
- package/dist/collection/components/diwa-badge/diwa-badge-styles.js.map +1 -1
- package/dist/collection/components/diwa-badge/diwa-badge.js +32 -4
- package/dist/collection/components/diwa-badge/diwa-badge.js.map +1 -1
- package/dist/collection/components/diwa-button/diwa-button.js +1 -1
- package/dist/collection/components/diwa-button-pure/diwa-button-pure.js +1 -1
- package/dist/collection/components/diwa-checkbox/diwa-checkbox.js +1 -1
- package/dist/collection/components/diwa-divider/diwa-divider.js +1 -1
- package/dist/collection/components/diwa-flyout/diwa-flyout.js +1 -1
- package/dist/collection/components/diwa-heading/diwa-heading.js +1 -1
- package/dist/collection/components/diwa-icon/diwa-icon.js +1 -1
- package/dist/collection/components/diwa-inline-notification/diwa-inline-notification.js +1 -1
- package/dist/collection/components/diwa-input/diwa-input.js +1 -1
- package/dist/collection/components/diwa-input-date/diwa-input-date.js +1 -1
- package/dist/collection/components/diwa-input-email/diwa-input-email.js +1 -1
- package/dist/collection/components/diwa-input-month/diwa-input-month.js +1 -1
- package/dist/collection/components/diwa-input-number/diwa-input-number.js +1 -1
- package/dist/collection/components/diwa-input-password/diwa-input-password.js +1 -1
- package/dist/collection/components/diwa-input-search/diwa-input-search.js +1 -1
- package/dist/collection/components/diwa-input-tel/diwa-input-tel.js +1 -1
- package/dist/collection/components/diwa-input-text/diwa-input-text.js +1 -1
- package/dist/collection/components/diwa-input-time/diwa-input-time.js +1 -1
- package/dist/collection/components/diwa-input-url/diwa-input-url.js +1 -1
- package/dist/collection/components/diwa-input-week/diwa-input-week.js +1 -1
- package/dist/collection/components/diwa-link/diwa-link.js +1 -1
- package/dist/collection/components/diwa-link-pure/diwa-link-pure.js +1 -1
- package/dist/collection/components/diwa-modal/diwa-modal.js +1 -1
- package/dist/collection/components/diwa-multi-select/diwa-multi-select.js +2 -2
- package/dist/collection/components/diwa-multi-select-option/diwa-multi-select-option.js +1 -1
- package/dist/collection/components/diwa-pagination/diwa-pagination.js +1 -1
- package/dist/collection/components/diwa-pin-code/diwa-pin-code.js +2 -2
- package/dist/collection/components/diwa-popover/diwa-popover.js +1 -1
- package/dist/collection/components/diwa-radio-group/diwa-radio-group.js +1 -1
- package/dist/collection/components/diwa-radio-group-item/diwa-radio-group-item.js +1 -1
- package/dist/collection/components/diwa-scroller/diwa-scroller.js +1 -1
- package/dist/collection/components/diwa-segmented-control/diwa-segmented-control.js +1 -1
- package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item.js +1 -1
- package/dist/collection/components/diwa-select/diwa-select.js +1 -1
- package/dist/collection/components/diwa-select-option/diwa-select-option.js +1 -1
- package/dist/collection/components/diwa-spinner/diwa-spinner.js +1 -1
- package/dist/collection/components/diwa-stepper-horizontal/diwa-stepper-horizontal.js +1 -1
- package/dist/collection/components/diwa-stepper-horizontal-item/diwa-stepper-horizontal-item.js +1 -1
- package/dist/collection/components/diwa-switch/diwa-switch.js +1 -1
- package/dist/collection/components/diwa-table/diwa-table.js +1 -1
- package/dist/collection/components/diwa-table-body/diwa-table-body.js +1 -1
- package/dist/collection/components/diwa-table-cell/diwa-table-cell.js +1 -1
- package/dist/collection/components/diwa-table-head/diwa-table-head.js +1 -1
- package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell.js +4 -4
- package/dist/collection/components/diwa-table-row/diwa-table-row.js +1 -1
- package/dist/collection/components/diwa-tabs/diwa-tabs.js +1 -1
- package/dist/collection/components/diwa-tabs-bar/diwa-tabs-bar.js +1 -1
- package/dist/collection/components/diwa-tabs-item/diwa-tabs-item.js +1 -1
- package/dist/collection/components/diwa-tag/diwa-tag.js +1 -1
- package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js +1 -1
- package/dist/collection/components/diwa-text/diwa-text.js +1 -1
- package/dist/collection/components/diwa-text-list/diwa-text-list.js +1 -1
- package/dist/collection/components/diwa-text-list-item/diwa-text-list-item.js +1 -1
- package/dist/collection/components/diwa-textarea/diwa-textarea.js +1 -1
- package/dist/collection/components/diwa-toast/diwa-toast.js +1 -1
- package/dist/collection/components/diwa-toast-item/diwa-toast-item.js +1 -1
- package/dist/diwa-components/diwa-components.esm.js +1 -1
- package/dist/diwa-components/diwa-components.esm.js.map +1 -1
- package/dist/diwa-components/{p-c78591ce.entry.js → p-0028e799.entry.js} +2 -2
- package/dist/diwa-components/{p-3fb5cc30.entry.js → p-008bdfa4.entry.js} +2 -2
- package/dist/diwa-components/{p-95b0fdea.entry.js → p-027e5299.entry.js} +2 -2
- package/dist/diwa-components/{p-3660b09a.entry.js → p-03a4902e.entry.js} +2 -2
- package/dist/diwa-components/p-05a02076.entry.js +2 -0
- package/dist/diwa-components/{p-230692aa.entry.js → p-090f557b.entry.js} +2 -2
- package/dist/diwa-components/{p-9ade0403.entry.js → p-0b6aa730.entry.js} +2 -2
- package/dist/diwa-components/{p-d917625e.entry.js → p-0c2776f7.entry.js} +2 -2
- package/dist/diwa-components/{p-cc0e1662.entry.js → p-11aae5f1.entry.js} +2 -2
- package/dist/diwa-components/{p-9eef4779.entry.js → p-13aeda0b.entry.js} +2 -2
- package/dist/diwa-components/{p-36b004e9.entry.js → p-145e5281.entry.js} +2 -2
- package/dist/diwa-components/{p-35b69160.entry.js → p-20332312.entry.js} +2 -2
- package/dist/diwa-components/{p-3b38fa01.entry.js → p-247210ec.entry.js} +2 -2
- package/dist/diwa-components/p-24c10d6e.entry.js +2 -0
- package/dist/diwa-components/{p-78b16866.entry.js → p-2c3cff37.entry.js} +2 -2
- package/dist/diwa-components/{p-1830772d.entry.js → p-310a22ca.entry.js} +2 -2
- package/dist/diwa-components/{p-7a99a2aa.entry.js → p-335e06ab.entry.js} +2 -2
- package/dist/diwa-components/{p-def36bc4.entry.js → p-33b49ced.entry.js} +2 -2
- package/dist/diwa-components/{p-37e1bea3.entry.js → p-36056450.entry.js} +2 -2
- package/dist/diwa-components/{p-8369c48e.entry.js → p-3a992d7e.entry.js} +2 -2
- package/dist/diwa-components/p-3e68a752.entry.js +2 -0
- package/dist/diwa-components/{p-bbede25d.entry.js → p-4332671a.entry.js} +2 -2
- package/dist/diwa-components/p-454aa95f.entry.js +2 -0
- package/dist/diwa-components/{p-238da82a.entry.js → p-46a8a0a7.entry.js} +2 -2
- package/dist/diwa-components/{p-3269a4b7.entry.js → p-50420bc6.entry.js} +2 -2
- package/dist/diwa-components/{p-13e71247.entry.js → p-52f32ba8.entry.js} +2 -2
- package/dist/diwa-components/{p-e19ad9fa.entry.js → p-5e75b7b3.entry.js} +2 -2
- package/dist/diwa-components/{p-1250d0c7.entry.js → p-630b5003.entry.js} +2 -2
- package/dist/diwa-components/{p-952af214.entry.js → p-645e5f9a.entry.js} +2 -2
- package/dist/diwa-components/{p-db70e030.entry.js → p-6dcf2862.entry.js} +2 -2
- package/dist/diwa-components/p-6f639ee0.entry.js +2 -0
- package/dist/diwa-components/p-76f75cb3.entry.js +2 -0
- package/dist/diwa-components/p-76f75cb3.entry.js.map +1 -0
- package/dist/diwa-components/{p-bd501daa.entry.js → p-8285e16e.entry.js} +2 -2
- package/dist/diwa-components/p-82be1b3a.entry.js +2 -0
- package/dist/diwa-components/{p-9910d570.entry.js → p-845b2a42.entry.js} +2 -2
- package/dist/diwa-components/p-851e4c86.entry.js +2 -0
- package/dist/diwa-components/{p-f44d4091.entry.js.map → p-851e4c86.entry.js.map} +1 -1
- package/dist/diwa-components/{p-87932af2.entry.js → p-878039a1.entry.js} +2 -2
- package/dist/diwa-components/{p-c6ca8d8b.entry.js → p-887e0cb5.entry.js} +2 -2
- package/dist/diwa-components/{p-926e283b.entry.js → p-8b210952.entry.js} +2 -2
- package/dist/diwa-components/{p-66c53adc.entry.js → p-90504a91.entry.js} +2 -2
- package/dist/diwa-components/p-90d0db67.entry.js +2 -0
- package/dist/diwa-components/{p-117dc41d.entry.js → p-a446b615.entry.js} +2 -2
- package/dist/diwa-components/{p-71c45961.entry.js → p-b33f4993.entry.js} +2 -2
- package/dist/diwa-components/p-b595f330.entry.js +2 -0
- package/dist/diwa-components/{p-50866c5a.entry.js → p-bcc6545a.entry.js} +2 -2
- package/dist/diwa-components/{p-1d708e1e.entry.js → p-c2557813.entry.js} +2 -2
- package/dist/diwa-components/p-c3535eb8.entry.js +2 -0
- package/dist/diwa-components/p-c4083a76.entry.js +2 -0
- package/dist/diwa-components/{p-429c596d.entry.js.map → p-c4083a76.entry.js.map} +1 -1
- package/dist/diwa-components/{p-e9673253.entry.js → p-c427acf5.entry.js} +2 -2
- package/dist/diwa-components/{p-b072ff72.entry.js → p-c862863d.entry.js} +2 -2
- package/dist/diwa-components/{p-66c15f66.entry.js → p-c9ec0829.entry.js} +2 -2
- package/dist/diwa-components/{p-9c89e586.entry.js → p-d57421af.entry.js} +2 -2
- package/dist/diwa-components/{p-998dd88e.entry.js → p-e23fbe5f.entry.js} +2 -2
- package/dist/diwa-components/{p-863c88a4.entry.js → p-e6f7dd21.entry.js} +2 -2
- package/dist/diwa-components/p-ecb1eabd.entry.js +2 -0
- package/dist/diwa-components/{p-29419c9a.entry.js → p-f842df14.entry.js} +2 -2
- package/dist/diwa-components/{p-5f9139bc.entry.js → p-fa3f0cb0.entry.js} +2 -2
- package/dist/esm/diwa-badge.entry.js +45 -3
- package/dist/esm/diwa-badge.entry.js.map +1 -1
- package/dist/esm/diwa-button-pure.entry.js +1 -1
- package/dist/esm/diwa-button.entry.js +1 -1
- package/dist/esm/diwa-checkbox.entry.js +1 -1
- package/dist/esm/diwa-components.js +1 -1
- package/dist/esm/diwa-divider.entry.js +1 -1
- package/dist/esm/diwa-flyout.entry.js +1 -1
- package/dist/esm/diwa-heading.entry.js +1 -1
- package/dist/esm/diwa-icon.entry.js +1 -1
- package/dist/esm/diwa-inline-notification.entry.js +1 -1
- package/dist/esm/diwa-input-date.entry.js +1 -1
- package/dist/esm/diwa-input-email.entry.js +1 -1
- package/dist/esm/diwa-input-month.entry.js +1 -1
- package/dist/esm/diwa-input-number.entry.js +1 -1
- package/dist/esm/diwa-input-password.entry.js +1 -1
- package/dist/esm/diwa-input-search.entry.js +1 -1
- package/dist/esm/diwa-input-tel.entry.js +1 -1
- package/dist/esm/diwa-input-text.entry.js +1 -1
- package/dist/esm/diwa-input-time.entry.js +1 -1
- package/dist/esm/diwa-input-url.entry.js +1 -1
- package/dist/esm/diwa-input-week.entry.js +1 -1
- package/dist/esm/diwa-input.entry.js +1 -1
- package/dist/esm/diwa-link-pure.entry.js +1 -1
- package/dist/esm/diwa-link.entry.js +1 -1
- package/dist/esm/diwa-modal.entry.js +1 -1
- package/dist/esm/diwa-multi-select-option.entry.js +1 -1
- package/dist/esm/diwa-multi-select.entry.js +2 -2
- package/dist/esm/diwa-pagination.entry.js +1 -1
- package/dist/esm/diwa-pin-code.entry.js +2 -2
- package/dist/esm/diwa-popover.entry.js +1 -1
- package/dist/esm/diwa-radio-group-item.entry.js +1 -1
- package/dist/esm/diwa-radio-group.entry.js +1 -1
- package/dist/esm/diwa-scroller.entry.js +1 -1
- package/dist/esm/diwa-segmented-control-item.entry.js +1 -1
- package/dist/esm/diwa-segmented-control.entry.js +1 -1
- package/dist/esm/diwa-select-option.entry.js +1 -1
- package/dist/esm/diwa-select.entry.js +1 -1
- package/dist/esm/diwa-spinner.entry.js +1 -1
- package/dist/esm/diwa-stepper-horizontal-item.entry.js +1 -1
- package/dist/esm/diwa-stepper-horizontal.entry.js +1 -1
- package/dist/esm/diwa-switch.entry.js +1 -1
- package/dist/esm/diwa-table-body.entry.js +1 -1
- package/dist/esm/diwa-table-cell.entry.js +1 -1
- package/dist/esm/diwa-table-head-cell.entry.js +4 -4
- package/dist/esm/diwa-table-head.entry.js +1 -1
- package/dist/esm/diwa-table-row.entry.js +1 -1
- package/dist/esm/diwa-table.entry.js +1 -1
- package/dist/esm/diwa-tabs-bar.entry.js +1 -1
- package/dist/esm/diwa-tabs-item.entry.js +1 -1
- package/dist/esm/diwa-tabs.entry.js +1 -1
- package/dist/esm/diwa-tag-dismissible.entry.js +1 -1
- package/dist/esm/diwa-tag.entry.js +1 -1
- package/dist/esm/diwa-text-list-item.entry.js +1 -1
- package/dist/esm/diwa-text-list.entry.js +1 -1
- package/dist/esm/diwa-text.entry.js +1 -1
- package/dist/esm/diwa-textarea.entry.js +1 -1
- package/dist/esm/diwa-toast-item.entry.js +1 -1
- package/dist/esm/diwa-toast.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/diwa-badge/diwa-badge.d.ts +11 -3
- package/dist/types/components.d.ts +32 -12
- package/dist-custom-elements/diwa-accordion.js +1 -1
- package/dist-custom-elements/diwa-badge.js +46 -3
- package/dist-custom-elements/diwa-badge.js.map +1 -1
- package/dist-custom-elements/diwa-button-pure.js +1 -1
- package/dist-custom-elements/diwa-button.js +2 -2
- package/dist-custom-elements/diwa-checkbox.js +1 -1
- package/dist-custom-elements/diwa-divider.js +1 -1
- package/dist-custom-elements/diwa-flyout.js +3 -3
- package/dist-custom-elements/diwa-heading.js +1 -1
- package/dist-custom-elements/diwa-icon.js +1 -1
- package/dist-custom-elements/diwa-inline-notification.js +3 -3
- package/dist-custom-elements/diwa-input-date.js +1 -1
- package/dist-custom-elements/diwa-input-email.js +1 -1
- package/dist-custom-elements/diwa-input-month.js +1 -1
- package/dist-custom-elements/diwa-input-number.js +1 -1
- package/dist-custom-elements/diwa-input-password.js +2 -2
- package/dist-custom-elements/diwa-input-search.js +2 -2
- package/dist-custom-elements/diwa-input-tel.js +1 -1
- package/dist-custom-elements/diwa-input-text.js +1 -1
- package/dist-custom-elements/diwa-input-time.js +1 -1
- package/dist-custom-elements/diwa-input-url.js +1 -1
- package/dist-custom-elements/diwa-input-week.js +1 -1
- package/dist-custom-elements/diwa-input.js +1 -1
- package/dist-custom-elements/diwa-link-pure.js +2 -2
- package/dist-custom-elements/diwa-link.js +2 -2
- package/dist-custom-elements/diwa-modal.js +1 -1
- package/dist-custom-elements/diwa-multi-select-option.js +1 -1
- package/dist-custom-elements/diwa-multi-select.js +2 -2
- package/dist-custom-elements/diwa-pagination.js +1 -1
- package/dist-custom-elements/diwa-pin-code.js +2 -2
- package/dist-custom-elements/diwa-popover.js +1 -1
- package/dist-custom-elements/diwa-radio-group-item.js +1 -1
- package/dist-custom-elements/diwa-radio-group.js +1 -1
- package/dist-custom-elements/diwa-scroller.js +1 -1
- package/dist-custom-elements/diwa-segmented-control-item.js +1 -1
- package/dist-custom-elements/diwa-segmented-control.js +1 -1
- package/dist-custom-elements/diwa-select-option.js +1 -1
- package/dist-custom-elements/diwa-select.js +1 -1
- package/dist-custom-elements/diwa-spinner.js +1 -1
- package/dist-custom-elements/diwa-stepper-horizontal-item.js +1 -1
- package/dist-custom-elements/diwa-stepper-horizontal.js +1 -1
- package/dist-custom-elements/diwa-switch.js +2 -2
- package/dist-custom-elements/diwa-table-body.js +1 -1
- package/dist-custom-elements/diwa-table-cell.js +1 -1
- package/dist-custom-elements/diwa-table-head-cell.js +4 -4
- package/dist-custom-elements/diwa-table-head.js +1 -1
- package/dist-custom-elements/diwa-table-row.js +1 -1
- package/dist-custom-elements/diwa-table.js +1 -1
- package/dist-custom-elements/diwa-tabs-bar.js +1 -1
- package/dist-custom-elements/diwa-tabs-item.js +1 -1
- package/dist-custom-elements/diwa-tabs.js +1 -1
- package/dist-custom-elements/diwa-tag-dismissible.js +1 -1
- package/dist-custom-elements/diwa-tag.js +2 -2
- package/dist-custom-elements/diwa-text-list-item.js +1 -1
- package/dist-custom-elements/diwa-text-list.js +1 -1
- package/dist-custom-elements/diwa-text.js +1 -1
- package/dist-custom-elements/diwa-textarea.js +1 -1
- package/dist-custom-elements/diwa-toast-item.js +1 -1
- package/dist-custom-elements/diwa-toast.js +2 -2
- package/dist-custom-elements/{p-7c951f7f.js → p-0e219692.js} +2 -2
- package/dist-custom-elements/{p-7c951f7f.js.map → p-0e219692.js.map} +1 -1
- package/dist-custom-elements/{p-105f3f97.js → p-236fbbdd.js} +3 -3
- package/dist-custom-elements/{p-105f3f97.js.map → p-236fbbdd.js.map} +1 -1
- package/dist-custom-elements/{p-b7255dc4.js → p-3fce050e.js} +2 -2
- package/dist-custom-elements/{p-b7255dc4.js.map → p-3fce050e.js.map} +1 -1
- package/dist-custom-elements/{p-8972ae69.js → p-473ec48f.js} +2 -2
- package/dist-custom-elements/{p-8972ae69.js.map → p-473ec48f.js.map} +1 -1
- package/package.json +3 -2
- package/dist/diwa-components/p-084204ab.entry.js +0 -2
- package/dist/diwa-components/p-084204ab.entry.js.map +0 -1
- package/dist/diwa-components/p-09f2e643.entry.js +0 -2
- package/dist/diwa-components/p-429c596d.entry.js +0 -2
- package/dist/diwa-components/p-5a597e27.entry.js +0 -2
- package/dist/diwa-components/p-7dc7291f.entry.js +0 -2
- package/dist/diwa-components/p-8506ea0c.entry.js +0 -2
- package/dist/diwa-components/p-d25377eb.entry.js +0 -2
- package/dist/diwa-components/p-e137afc9.entry.js +0 -2
- package/dist/diwa-components/p-e1935375.entry.js +0 -2
- package/dist/diwa-components/p-e602c199.entry.js +0 -2
- package/dist/diwa-components/p-f44d4091.entry.js +0 -2
- package/dist/diwa-components/p-f60f1d81.entry.js +0 -2
- package/dist/diwa-components/p-fae653f7.entry.js +0 -2
- /package/dist/diwa-components/{p-c78591ce.entry.js.map → p-0028e799.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-3fb5cc30.entry.js.map → p-008bdfa4.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-95b0fdea.entry.js.map → p-027e5299.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-3660b09a.entry.js.map → p-03a4902e.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-e602c199.entry.js.map → p-05a02076.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-230692aa.entry.js.map → p-090f557b.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-9ade0403.entry.js.map → p-0b6aa730.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-d917625e.entry.js.map → p-0c2776f7.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-cc0e1662.entry.js.map → p-11aae5f1.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-9eef4779.entry.js.map → p-13aeda0b.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-36b004e9.entry.js.map → p-145e5281.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-35b69160.entry.js.map → p-20332312.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-3b38fa01.entry.js.map → p-247210ec.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-f60f1d81.entry.js.map → p-24c10d6e.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-78b16866.entry.js.map → p-2c3cff37.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-d25377eb.entry.js.map → p-310a22ca.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-7a99a2aa.entry.js.map → p-335e06ab.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-def36bc4.entry.js.map → p-33b49ced.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-37e1bea3.entry.js.map → p-36056450.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-8369c48e.entry.js.map → p-3a992d7e.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-e137afc9.entry.js.map → p-3e68a752.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-bbede25d.entry.js.map → p-4332671a.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-09f2e643.entry.js.map → p-454aa95f.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-238da82a.entry.js.map → p-46a8a0a7.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-3269a4b7.entry.js.map → p-50420bc6.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-13e71247.entry.js.map → p-52f32ba8.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-e19ad9fa.entry.js.map → p-5e75b7b3.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-1250d0c7.entry.js.map → p-630b5003.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-952af214.entry.js.map → p-645e5f9a.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-db70e030.entry.js.map → p-6dcf2862.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-e1935375.entry.js.map → p-6f639ee0.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-bd501daa.entry.js.map → p-8285e16e.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-fae653f7.entry.js.map → p-82be1b3a.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-9910d570.entry.js.map → p-845b2a42.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-87932af2.entry.js.map → p-878039a1.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-c6ca8d8b.entry.js.map → p-887e0cb5.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-926e283b.entry.js.map → p-8b210952.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-66c53adc.entry.js.map → p-90504a91.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-8506ea0c.entry.js.map → p-90d0db67.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-117dc41d.entry.js.map → p-a446b615.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-71c45961.entry.js.map → p-b33f4993.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-1830772d.entry.js.map → p-b595f330.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-50866c5a.entry.js.map → p-bcc6545a.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-1d708e1e.entry.js.map → p-c2557813.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-5a597e27.entry.js.map → p-c3535eb8.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-e9673253.entry.js.map → p-c427acf5.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-b072ff72.entry.js.map → p-c862863d.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-66c15f66.entry.js.map → p-c9ec0829.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-9c89e586.entry.js.map → p-d57421af.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-998dd88e.entry.js.map → p-e23fbe5f.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-863c88a4.entry.js.map → p-e6f7dd21.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-7dc7291f.entry.js.map → p-ecb1eabd.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-29419c9a.entry.js.map → p-f842df14.entry.js.map} +0 -0
- /package/dist/diwa-components/{p-5f9139bc.entry.js.map → p-fa3f0cb0.entry.js.map} +0 -0
|
@@ -43,7 +43,7 @@ const DiwaInputUrl = class {
|
|
|
43
43
|
const inputId = 'input';
|
|
44
44
|
const descId = 'desc';
|
|
45
45
|
const msgId = 'msg';
|
|
46
|
-
return (h(Host, { key: '
|
|
46
|
+
return (h(Host, { key: '79daf083047c2e7a2e23de8d288345cc994cf110', "data-theme": this.theme }, h("style", { key: '857a3da85e5a2ca16c0011770744d358d978f660', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'e8d7a0e0f423cb820dde4740d301110f6b28539b', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '7b98f4f850e0e606fc42108c8153ccc297b698a2', class: "label-row" }, h("label", { key: '0e51f7a41550c08999d3d85a0f4fc3655608a943', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'd2e5916985c1db129bcd2a1d0c4b8c199fe72250', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '41422293e1d83c437977d9506070b2e1fd0f05a7', name: "label-after" }))), h("div", { key: 'f6e9e59d67c3008b52ecfe92032fe6759d2065d8', class: "input-wrapper" }, this._hasStart && h("div", { key: '3890e2c3bafa98d500a3288b8a5e6123514d6a34', class: "slot-start" }, h("slot", { key: '71aef0b13bb7dc7c500a4d4949049eda9523ca83', name: "start" })), h("input", { key: '3dcbc559ed5578ac4f4c0748d1e7ecc02773c7f9', id: inputId, class: "input", type: "url", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '8f1d081727a1207023e3dccf8af75d30da0986c2', class: "slot-end" }, h("slot", { key: '47e00c738bcdf1516e53199178d2742f8b30946e', name: "end" }))), !this.message && this.description && (h("p", { key: 'c0861105c46b18b1abe5a5de5a3a99f075b4aaf0', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '240aea2a88f53150806f04a7f7468cef9d0738af', id: msgId, class: "message" }, this.message)))));
|
|
47
47
|
}
|
|
48
48
|
static get delegatesFocus() { return true; }
|
|
49
49
|
get el() { return getElement(this); }
|
|
@@ -43,7 +43,7 @@ const DiwaInputWeek = class {
|
|
|
43
43
|
const inputId = 'input';
|
|
44
44
|
const descId = 'desc';
|
|
45
45
|
const msgId = 'msg';
|
|
46
|
-
return (h(Host, { key: '
|
|
46
|
+
return (h(Host, { key: '94730f472917007ec8a932eddd373445e112072c', "data-theme": this.theme }, h("style", { key: 'c802055f4f73f1d0e2e9bad50903fa23a46b7392', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '283896eb16c298d9e12018d07c36030fb5989e59', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '33ab418ce0c4eabdb8cb907a88d7110b67413000', class: "label-row" }, h("label", { key: 'dda6859fa1c5985143e5da22c20a665dec3af343', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '14a40c47a58db709a6463b874cb8f595bbf265c3', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '77dbcce7196961dba3c75e466189ee655cd6990b', name: "label-after" }))), h("div", { key: '499ebfed173183facede7acad369db75c3dd353f', class: "input-wrapper" }, this._hasStart && h("div", { key: '51c49c28e60a5a07435305bf4346586526186b81', class: "slot-start" }, h("slot", { key: 'db30bb64e64cf606820504dfcaa05ed533072307', name: "start" })), h("input", { key: '66265a0864819689c4c1c572f2315598ab3fce46', id: inputId, class: "input", type: "week", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'bc932d60430cdc077f242de022e9a59847aa233c', class: "slot-end" }, h("slot", { key: '08d086a8b1ca06a48cc449f2cbb519db530a51ad', name: "end" }))), !this.message && this.description && (h("p", { key: '5178e0a010062baafc441f942d8fd8881d48841b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'c5a35822c126dea9738bffb07dc8bab9c92615b7', id: msgId, class: "message" }, this.message)))));
|
|
47
47
|
}
|
|
48
48
|
static get delegatesFocus() { return true; }
|
|
49
49
|
get el() { return getElement(this); }
|
|
@@ -225,7 +225,7 @@ const DiwaInput = class {
|
|
|
225
225
|
render() {
|
|
226
226
|
const { resolvedId, hintId } = this;
|
|
227
227
|
const hasHint = !!this.hint;
|
|
228
|
-
return (h(Host, { key: '
|
|
228
|
+
return (h(Host, { key: '8dd2b3cbf6a137e8a9d1682ff8ff1a08d039f5de', "data-theme": this.theme }, h("style", { key: '35231eb60c943d0bbaddf39a88092ad3590c9f4d', innerHTML: getComponentCss() }), this.label && (h("label", { key: '47b0f0f9342cd354e5bdc638ac8c18243a399e3c', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: '64148476ed0246ee2b1866e36060a5451fb43fdd', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '1c61869f25baecbd320003dddd350124a1289cbd', class: "wrapper", part: "wrapper" }, h("span", { key: 'bd83d18cdf80dddb6155803971fddd6ef4712dfe', class: "prefix", part: "prefix" }, h("slot", { key: '07f4fa63cd34fc5843d175209fcdf77791777383', name: "prefix" })), h("input", { key: 'ea64cc200e44331b6a6d99dfbc37b32d18f49561', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: '2c7bd85837a96c686aed28a8df92632688c5b676', class: "suffix", part: "suffix" }, h("slot", { key: 'f4a570a768212756def2c5b68bcb1acd866178c9', name: "suffix" }))), hasHint && (h("span", { key: '9bdf7a497cd3ff665b06d92b9359e28687af895c', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
|
|
229
229
|
}
|
|
230
230
|
static get delegatesFocus() { return true; }
|
|
231
231
|
};
|
|
@@ -167,7 +167,7 @@ const DiwaLinkPure = class {
|
|
|
167
167
|
const iconSize = this.size === "sm" ? 14 : this.size === "lg" ? 20 : 16;
|
|
168
168
|
const anchorProps = isAnchor
|
|
169
169
|
? Object.assign({ href: this.href, target: this.target, download: this.download, rel: (_a = this.rel) !== null && _a !== void 0 ? _a : (this.target === "_blank" ? "noopener noreferrer" : undefined) }, (this.label ? { "aria-label": this.label } : {})) : {};
|
|
170
|
-
return (h(Host, { key: '
|
|
170
|
+
return (h(Host, { key: '151e2ccb51fddc1c75a95717f2828e26f436d8bc', "data-theme": this.theme }, h("style", { key: '13d21d184ad17818999dd79982579427deb1abc1', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '47d9ce0db987cadf606730aa385e868e9a03633e', class: "root" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'db89d6a428e17049d457190e5255486bcaecc48a', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'b94918195e7a2dee50d061f0efd7a476aa525950', name: this.icon, size: iconSize }))), h("span", { key: 'b45e4f2bd9aa89d78237f21cd8842d365f4fe93d', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '1613058d56403ec4a41b31e28eef798df3454720' })))));
|
|
171
171
|
}
|
|
172
172
|
static get delegatesFocus() { return true; }
|
|
173
173
|
get host() { return getElement(this); }
|
|
@@ -210,7 +210,7 @@ const DiwaLink = class {
|
|
|
210
210
|
const iconSize = this.compact ? 16 : 20;
|
|
211
211
|
const anchorProps = isAnchor
|
|
212
212
|
? Object.assign(Object.assign({ href: this.href, target: this.target, download: this.download, rel: (_a = this.rel) !== null && _a !== void 0 ? _a : (this.target === "_blank" ? "noopener noreferrer" : undefined) }, (this.label ? { "aria-label": this.label } : {})), (this.disabled ? { "aria-disabled": "true", tabIndex: -1 } : {})) : {};
|
|
213
|
-
return (h(Host, { key: '
|
|
213
|
+
return (h(Host, { key: '3084d48e4054064d4cded143a1ca8abe50c5ff6e', "data-theme": this.theme }, h("style", { key: 'b4a2af6ea1f3fcc270716ab43d9dbb2906d0cc9a', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '5e0728ea634713e1b8bb1dceb633591567ab4d10', class: "inner" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'a972160dc036db8ec2ad42e3ce5ea6378917cc57', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'b4a442de79d1842ee5157a78ba722250b6ab7129', name: this.icon, size: iconSize }))), h("span", { key: '34bc94660fd0f1d350db1b324bd846bfbd39a936', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '28ad8f5a6bc2238beb524e58ac919be76fc9f716' })))));
|
|
214
214
|
}
|
|
215
215
|
static get delegatesFocus() { return true; }
|
|
216
216
|
get host() { return getElement(this); }
|
|
@@ -387,7 +387,7 @@ const DiwaModal = class {
|
|
|
387
387
|
// ──────────────────────────────────────────────────────────────
|
|
388
388
|
render() {
|
|
389
389
|
const { open, heading, dismissButton, backdrop, _hasFooter, _hasHeader } = this;
|
|
390
|
-
return (h(Host, { key: '
|
|
390
|
+
return (h(Host, { key: '57a2fd4dc471d90e3a2a828efd1cc1758bfe7f26', "data-theme": this.theme }, h("style", { key: '2e536cba383f0ce7694b5a73313a79c41e4d8d02' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), h("div", { key: '45b9b6c630842bf91886f95f2f6f6202f223b1d8', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), h("div", { key: 'ff862abe357d87d75373e89d08730aaa1233a1a3', class: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": heading ? this._headingId : undefined, "aria-label": !heading ? 'Dialog' : undefined, "aria-hidden": open ? undefined : 'true', tabIndex: -1, ref: (el) => { this._modalEl = el; } }, h("div", { key: '1939a77e8be95dcc8a2737b99424d6af9a0e1ba5', class: "header" }, h("div", { key: 'a3c9abf4f9701d58e4abaa14868174b0ba85435b', class: "header-top" }, heading && (h("h2", { key: '326e415590d81d12e3ccf6f1a4c18221ace965e8', class: "heading", id: this._headingId }, heading)), dismissButton && (h("button", { key: 'dfeaf05f599cdadd4870dd533f327a018a41100c', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, h("svg", { key: 'b268902e6d1f61fba2317283bf0fd5c4f9036bdc', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", width: "16", height: "16", "aria-hidden": "true" }, h("path", { key: '7c3502fadadd024bdba1d4d2e958b4c70a3b2123', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (h("div", { key: '5c78ce207ef91759f082e8d47a9b18927f66ccc8', class: "header-sub" }, h("slot", { key: '0cc55bc679a0050007ebc4c3dd34c0c2729e63bb', name: "header" })))), h("div", { key: '55bf215004400be7303d250ecdb8fd131bd25edc', class: "body" }, h("slot", { key: '0d2d3d5c359542582cb3ffe43959cf2be88eb92c' })), _hasFooter && (h("div", { key: 'aae5c5096f915571983b31fc1dc375034ed73392', class: "footer" }, h("slot", { key: 'eb71dd2a657cbdf91289273f8fc630d822db5a30', name: "footer" }))))));
|
|
391
391
|
}
|
|
392
392
|
static get delegatesFocus() { return true; }
|
|
393
393
|
get host() { return getElement(this); }
|
|
@@ -152,7 +152,7 @@ const DiwaMultiSelectOption = class {
|
|
|
152
152
|
(_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
153
153
|
}
|
|
154
154
|
render() {
|
|
155
|
-
return (h(Host, { key: '
|
|
155
|
+
return (h(Host, { key: '387eb35be3bd7addb47c5f4d68fb2525dccdcb76', "data-theme": this.theme }, h("style", { key: '0d5b07bd190fe8d6706d57a62576fcea84e54eb8', innerHTML: getComponentCss(this.compact) }), h("div", { key: 'c9194a83e037be7b424502392abf78cff85d6d15', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a318fc68bbd4726068b4a625d32b4dd95b4d86ea', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), h("span", { key: '900c18dcd4f96fcb122fabd55c77fa3f4db7d965', class: "label", part: "label" }, h("slot", { key: '8339b7379e52b1aac590f5a38cae164c1f1b7808' })))));
|
|
156
156
|
}
|
|
157
157
|
static get delegatesFocus() { return true; }
|
|
158
158
|
get host() { return getElement(this); }
|
|
@@ -620,10 +620,10 @@ const DiwaMultiSelect = class {
|
|
|
620
620
|
const hintId = `${this.internalId}-hint`;
|
|
621
621
|
const hasMessage = !!this.message && this.state !== 'none';
|
|
622
622
|
const hasValue = this.value.length > 0;
|
|
623
|
-
return (h(Host, { key: '
|
|
623
|
+
return (h(Host, { key: 'f20b6581c9e60236f375f1b79139815b4f5d9c9e', "data-theme": this.theme }, h("style", { key: 'a2ddb28813ba51cf7ee030263c1b5cd260ff28ad', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '737abd1e95d14587d6000db252939db616505466', class: "label", id: labelId, part: "label" }, h("slot", { key: '02d2e507ad802c161fa794b29bfb2e3a89bba333', name: "label" }, this.label), this.required && h("span", { key: '3293ad8f9c7979a4214bc0eef9d781941819d270', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'fd82e469c37a3044d913a06958a864f2419c65b3', class: "description", part: "description" }, h("slot", { key: 'b5871b765b1c4893d6b00955ccc6bd7a6def3fc5', name: "description" }, this.description))), h("div", { key: '069e8360136e98b0896daabcaa20872eddb9177e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: '259bdbc4cbd76e47b4cefade89ca80e09aa4a0d4', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (h("button", { key: '36defe25675609a09f59d11a658414e473c553af', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
|
|
624
624
|
if (e.key === 'Tab')
|
|
625
625
|
this.isOpen = false;
|
|
626
|
-
}, part: "reset" }, "\u2715")), h("span", { key: '
|
|
626
|
+
}, part: "reset" }, "\u2715")), h("span", { key: '6b3ae84ccdb3f695eeeedfea33ba395451f91719', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '64e93f928b7b8ae56f95fba89496bc2550cd3302', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a698a050291d0350a672aa60f7a08213b8ee7864', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '96a03b0f283c201eba568b353e33f99c18cd29fa', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (h("div", { class: "filter" }, h("slot", { name: "filter" }))) : (h("div", { class: "filter" }, h("input", { class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", autocomplete: "off", value: this.filterText, onInput: this.onFilterInput, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.filterInputEl = el), part: "filter-input" }))), h("div", { key: '342b37e5cf35be1bc35c26373a8458accd429a52', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'ce2ebd9f6f471ae6a4dd9516115a0abe84c20ec7', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: 'c29c766c84889a205a3b292acd5e4f0e55a99917', name: "options-status" }), h("slot", { key: '32521900a8bc0423c1f7501517763a1af9b99c1b', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '74a68d28b638f54752d798137ce96c8c551c8857', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: 'ff4dfbd3a7f9af3ef920d1986f41bd14076247dc', name: "message" }, this.message)))));
|
|
627
627
|
}
|
|
628
628
|
static get delegatesFocus() { return true; }
|
|
629
629
|
get host() { return getElement(this); }
|
|
@@ -279,7 +279,7 @@ const DiwaPagination = class {
|
|
|
279
279
|
const prevLabel = (_c = intl.prev) !== null && _c !== void 0 ? _c : 'Previous page';
|
|
280
280
|
const nextLabel = (_d = intl.next) !== null && _d !== void 0 ? _d : 'Next page';
|
|
281
281
|
const pageLabel = (_e = intl.page) !== null && _e !== void 0 ? _e : 'Page';
|
|
282
|
-
return (h(Host, { key: '
|
|
282
|
+
return (h(Host, { key: 'e6c7aa31aabb891a607d3e5396a5c4413bd36195', "data-theme": this.theme }, h("style", { key: '58206c30ec4ba3dd4c2972bee88dceba92099e3b', innerHTML: getComponentCss() }), h("nav", { key: '437c5abf36082bdbc21ae6f72c77edc1c5c2a0a0', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '94930f888757eb824f0d71c4d8c75ed53f0599c5', class: "list" }, items.map((item, index) => {
|
|
283
283
|
const { type, isActive, value } = item;
|
|
284
284
|
if (type === ItemType.PREVIOUS) {
|
|
285
285
|
return (h("li", { key: "prev" }, h("button", { class: "btn", disabled: !isActive, "aria-label": prevLabel, onClick: () => isActive && this.handleClick(value) }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "15 18 9 12 15 6" })))));
|
|
@@ -174,10 +174,10 @@ const DiwaPinCode = class {
|
|
|
174
174
|
const valueChars = this.value.padEnd(safeLength, '').slice(0, safeLength);
|
|
175
175
|
const descId = 'desc';
|
|
176
176
|
const msgId = 'msg';
|
|
177
|
-
return (h(Host, { key: '
|
|
177
|
+
return (h(Host, { key: '42b316cecb07dd8f38bc0dfe35f2d660071c9d0a', "data-theme": this.theme }, h("style", { key: 'f621d085b00e66aa985160e59df85cd15363c1e6', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: '46f2f396909e1378f6ea3c6175e9c250888fb7f2', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '7a0ed287315f44d87b3b2285799872b031ee85d2', class: "label-row" }, h("span", { key: '677e5c6bbfdf9a1fac7ed2357f9b035bbf058c23', class: "label" }, this.label, this.required && h("span", { key: '7acfcc3a89f97eada2c483269828e51390ece4f1', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: 'b89f8ac92e1f5818fff9e005bda7ae6860fe3ea3', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
|
|
178
178
|
var _a;
|
|
179
179
|
return (h("input", { key: i, class: "box", type: this.type === 'password' ? 'password' : 'text', inputMode: this.type === 'number' ? 'numeric' : 'text', maxLength: 1, value: (_a = valueChars[i]) !== null && _a !== void 0 ? _a : '', disabled: this.disabled, required: this.required && i === 0, "aria-label": `Digit ${i + 1} of ${safeLength}`, "aria-describedby": i === 0 ? (this.message ? msgId : this.description ? descId : undefined) : undefined, onInput: (e) => this.handleInput(e, i), onKeyDown: (e) => this.handleKeyDown(e, i), onPaste: i === 0 ? this.handlePaste : undefined, onFocus: (e) => e.target.select(), autocomplete: i === 0 ? 'one-time-code' : 'off' }));
|
|
180
|
-
})), !this.message && this.description && (h("p", { key: '
|
|
180
|
+
})), !this.message && this.description && (h("p", { key: '77dedd816520995799988a9dcdfa5cc2019f76ce', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '886e7f76acc8c15e965bd680ddedc6b100939f0d', id: msgId, class: "message" }, this.message)))));
|
|
181
181
|
}
|
|
182
182
|
static get delegatesFocus() { return true; }
|
|
183
183
|
get host() { return getElement(this); }
|
|
@@ -87,7 +87,7 @@ const DiwaPopover = class {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: '09f649039a99b456fcedf4483383341810ac55be', "data-theme": this.theme }, h("style", { key: '0a2cf250642b076e60d87800f813c8155365b247', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: '14a103bb5c665cb9aed21496b06722e15f89f299', name: "button" }, h("button", { key: 'c156d661eedb2255e5c0817bcccc84494369a7c4', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: '48db1f2fb41745dc443e8f3c969184fa8da6fa6c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: 'f9994b25f044912cf2e97f35b3f8c91b112792fc', cx: "12", cy: "12", r: "10" }), h("line", { key: '234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'd5d52b35ad5894e196bff0f0af3ce7dde547aac1', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: 'c91727245e163aebbd6db9f86d66cbd1d144dbf1', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '6a6a451ad2bcc92588ea7319585e12b1eb21b2ab' }, this.description), h("slot", { key: '54dad0ddb906415a13fedefe8994200b94ecbb6f' }))));
|
|
91
91
|
}
|
|
92
92
|
static get delegatesFocus() { return true; }
|
|
93
93
|
get host() { return getElement(this); }
|
|
@@ -118,7 +118,7 @@ const DiwaRadioGroupItem = class {
|
|
|
118
118
|
}
|
|
119
119
|
render() {
|
|
120
120
|
const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
|
|
121
|
-
return (h(Host, { key: '
|
|
121
|
+
return (h(Host, { key: '86f4629d1ec15ca4166b99a2edad8e5345853639' }, h("style", { key: '30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'f9cf23065409265184bbb70ddab10b5fded2db49', class: "wrapper" }, h("span", { key: 'bea2800f348a6d178c924a6c2fe1b6371642dd12', class: "input-container" }, h("input", { key: 'e2fa14e6810b6c3c0cacc078f43421838f9e34d0', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '1e393282f8e72fe9d055dde92d00f034f3164454', class: "label-text" }, h("slot", { key: '0611edb3b9b31dfb6d8ebdba3282b97c705530ad' })))));
|
|
122
122
|
}
|
|
123
123
|
static get delegatesFocus() { return true; }
|
|
124
124
|
get host() { return getElement(this); }
|
|
@@ -136,7 +136,7 @@ const DiwaRadioGroup = class {
|
|
|
136
136
|
const id = `diwa-rg-${this.host.id || Math.random().toString(36).slice(2, 7)}`;
|
|
137
137
|
const descId = this.description ? `${id}-desc` : undefined;
|
|
138
138
|
const msgId = this.message && this.state !== 'none' ? `${id}-msg` : undefined;
|
|
139
|
-
return (h(Host, { key: '
|
|
139
|
+
return (h(Host, { key: '353bef6b4f86cf97107f3412f7dc4985d2d11d07', "data-theme": this.theme }, h("style", { key: '66d357becb10cfe088c8684e571821ad28b13ea7', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '7adf0acbcfa1283d19d42d1fffbbf071a123b6b9', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: '04d65fbfef552fc0698550273c705376527aff68', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: '8880df582e11501249fe4b10f2c1fc511ed260c1', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: '1824e6ec894a9681ac4fe5e16c206becdca493ea', id: descId, class: "description" }, this.description)), h("div", { key: 'dd0cf861519847041b08f0fa09dc9118cbce9bea', class: "options" }, h("slot", { key: '59f2aa4514c3eec3802d258a9f785a925360166c' })), h("span", { key: '76d853b81b97304acf0567d1f7bc147c71592896', id: msgId, class: "message", hidden: !msgId }, this.message))));
|
|
140
140
|
}
|
|
141
141
|
get host() { return getElement(this); }
|
|
142
142
|
};
|
|
@@ -150,7 +150,7 @@ const DiwaScroller = class {
|
|
|
150
150
|
this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
|
|
151
151
|
}
|
|
152
152
|
render() {
|
|
153
|
-
return (h(Host, { key: '
|
|
153
|
+
return (h(Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, h("button", { key: '8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '37f2e8fdd719fd1253864f4cdf9c7297d353c86d', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, h("div", { key: 'e612dbb880d43d09ee67d879f6c33c8c419899d7', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '3a992435dfb230deea38d9fb2033907bdb15a9a3', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: '6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
156
|
|
|
@@ -62,7 +62,7 @@ const DiwaSegmentedControlItem = class {
|
|
|
62
62
|
};
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
|
|
66
66
|
}
|
|
67
67
|
static get delegatesFocus() { return true; }
|
|
68
68
|
get host() { return getElement(this); }
|
|
@@ -54,7 +54,7 @@ const DiwaSegmentedControl = class {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
|
|
58
58
|
}
|
|
59
59
|
get host() { return getElement(this); }
|
|
60
60
|
};
|
|
@@ -147,7 +147,7 @@ const DiwaSelectOption = class {
|
|
|
147
147
|
(_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
148
148
|
}
|
|
149
149
|
render() {
|
|
150
|
-
return (h(Host, { key: '
|
|
150
|
+
return (h(Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), h("div", { key: '88ac7bcf19615142315509da16fb101fe7e59f36', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
|
|
151
151
|
}
|
|
152
152
|
static get delegatesFocus() { return true; }
|
|
153
153
|
get host() { return getElement(this); }
|
|
@@ -555,7 +555,7 @@ const DiwaSelect = class {
|
|
|
555
555
|
const hasMessage = !!this.message && this.state !== 'none';
|
|
556
556
|
const hasValue = this.value !== undefined && this.value !== '';
|
|
557
557
|
const displayLabel = hasValue ? this.selectedLabel : undefined;
|
|
558
|
-
return (h(Host, { key: '
|
|
558
|
+
return (h(Host, { key: '3ddf86c6e8e2cf807768ca8b209aad8a5c8da5fc', "data-theme": this.theme }, h("style", { key: 'c0244dc80bc55386fbb8b5a87c5130f94b287008', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '8ba197493fd4514a3f53b7e8d7f64da5adc4ef39', class: "label", id: labelId, part: "label" }, h("slot", { key: '994d35d52e2dbb6c402a0a0bea42032367aa31b9', name: "label" }, this.label), this.required && h("span", { key: '5c5c38c33bd4452270378f556204dece249b48eb', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'addd8e741c169b88210f9b7ac93acd4450a02279', class: "description", part: "description" }, h("slot", { key: 'a36853c06f747e2d1e67b633ffc749881261f697', name: "description" }, this.description))), h("div", { key: '8f281c76cb95f7908c258e4c268199e98bb26702', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'fbf9388b481d492ae2c1a9dceca6e0144d99f7a7', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: 'df535dcb6ad2ab76f910fd5c04ac6138e7f3759d', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: 'd21f5ea814c41c59ab2b3d2abc1c14f839619f4e', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '08b69903e085e0ec9379bfb552dd058b293924f1', points: "6 9 12 15 18 9" })))), h("div", { key: '89f3400afb3e4ab984e42f413b0f34434155b0ff', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'a4242becefb0417a2c70c39bcd7cd4c523961046', class: "filter", part: "filter" }, h("input", { key: '79b965331aed2dd3d7607fe00dfc329c88aa6edd', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: '06e022229e36d9214590809c201b2665e9a36152', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '67b8e26c137b2abbe03dde407d784e6caa915245', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'a6cfe5c0249767c1b3537d4413760a2d66b63e5f' }))), hasMessage && (h("span", { key: 'e3093360156dab2d6f9a04cb9209d969f43dacd0', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: 'dd9b2b269840618318506de2e6b85496faa167a3', name: "message" }, this.message)))));
|
|
559
559
|
}
|
|
560
560
|
static get delegatesFocus() { return true; }
|
|
561
561
|
get host() { return getElement(this); }
|
|
@@ -88,7 +88,7 @@ const DiwaSpinner = class {
|
|
|
88
88
|
* when the spinner appears without stealing focus (live region,
|
|
89
89
|
* polite by default). aria-label provides the announcement text.
|
|
90
90
|
*/
|
|
91
|
-
h(Host, { key: '
|
|
91
|
+
h(Host, { key: '5a130b11797c45cf6c3e9d1e1493f35cbef40ed6', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24', innerHTML: getComponentCss() }), h("svg", { key: '3e30e5ce78a52ba9904f808641fda6b0a3f5131f', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
92
92
|
}
|
|
93
93
|
};
|
|
94
94
|
|
|
@@ -104,7 +104,7 @@ const DiwaStepperHorizontalItem = class {
|
|
|
104
104
|
return h("span", { class: "circle-inner" }, this.stepNumber);
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
|
-
return (h(Host, { key: '
|
|
107
|
+
return (h(Host, { key: 'd11b7dd7e030ab412668905ce3a0dfb5f2025ad4', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'b98a5924354cfae2dace22dde1173eb638873693', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'bd51d2326d1981355da09a3bc2cc6a1e0fcf1821', class: "item" }, h("div", { key: '5743051e93e4a32992d55452dbaa7c2fae61b539', class: "circle" }, this.renderIcon()), h("div", { key: '1603b51edc94ab77d7f0dbea4f821e39661475ba', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: 'be03753d722f189919f0e2dd7fd3adebb6de2928', class: "label" }, this.label), this.sublabel && h("span", { key: '42e900cc2e384ac193497434ba9fe4e86bc90a74', class: "sublabel" }, this.sublabel))));
|
|
108
108
|
}
|
|
109
109
|
get host() { return getElement(this); }
|
|
110
110
|
};
|
|
@@ -61,7 +61,7 @@ const DiwaStepperHorizontal = class {
|
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: '2f3e3ab9f5968923e59b4d11016a034a44936165', "data-theme": this.theme }, h("style", { key: 'ec8979d4bd2b04cd3b416fabf6f03d1f997842e9', innerHTML: getComponentCss() }), h("div", { key: '77a3700aeded2ff1b69d8dd94482e55aeb48531d', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: '29b9e4804e4451b008f602cc205a1532b663b2f9' }))));
|
|
65
65
|
}
|
|
66
66
|
get host() { return getElement(this); }
|
|
67
67
|
static get watchers() { return {
|
|
@@ -120,7 +120,7 @@ const DiwaSwitch = class {
|
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
123
|
+
return (h(Host, { key: 'c6b0baae527682b7fb1fedf325313ab069cd0954', "data-theme": this.theme }, h("style", { key: '2436ea48c102aa6f3aae71136c713c9dadb881c2', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '78305942636540d14f49d3f8a84a166dd04a1004', class: "wrapper", onClick: this.handleClick }, h("span", { key: '4230dc3c39be578dbe97d9aed6cf29f53343ff97', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: '8e994b990b591d23e0c70bd7d6d731695673e14d', class: "thumb" }), this.loading && (h("span", { key: '621a6e985a3b8bb8a2a4622541d57d823dfbb53d', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '442ea0df62cc4584843fde69be0fd90828655165', size: "sm" })))), h("span", { key: '022e8db4854c28e515c01aafddd56c6a2d1cc7ec', class: "label" }, h("slot", { key: '47f4b3744afc1fecc2d92c00c42b7f40268bb16b' })))));
|
|
124
124
|
}
|
|
125
125
|
static get delegatesFocus() { return true; }
|
|
126
126
|
};
|
|
@@ -14,7 +14,7 @@ const DiwaTableBody = class {
|
|
|
14
14
|
this.theme = 'dark';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '060d3016c96ac3c29b5265450828f0c2770696c8', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '025471a64af1c06620e36d273bbe27afc5b70d1b', innerHTML: getComponentCss() }), h("slot", { key: 'a0b770fa75b04264b919a63b55846c7941931fc8' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -23,7 +23,7 @@ const DiwaTableCell = class {
|
|
|
23
23
|
this.multiline = false;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '70f68af8b28744b825c139f341c0815e11e5f08e', role: "cell" }, h("style", { key: '53bf58da9f8e9d9f0ee8ccc566cf4607b3b1d0b3', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '8089efa5309487c4c0682c4781d3ebcd8bb6a48b' })));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -89,15 +89,15 @@ const DiwaTableHeadCell = class {
|
|
|
89
89
|
: sort.active
|
|
90
90
|
? sort.direction === 'asc' ? 'ascending' : 'descending'
|
|
91
91
|
: 'none';
|
|
92
|
-
const labelEl = h("span", { key: '
|
|
93
|
-
const sortIcon = (h("svg", { key: '
|
|
92
|
+
const labelEl = h("span", { key: 'a2e2dd130b1dae02512d95e6dfbddb8c3df83ca0', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: '6aa36f19db6cf80ac99511ee38aec8f12c3e1fd6' }));
|
|
93
|
+
const sortIcon = (h("svg", { key: 'd21e881edfb0e87db3d20086a380033fb656392a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
|
|
94
94
|
opacity: (sort === null || sort === void 0 ? void 0 : sort.active) ? '1' : '0.4',
|
|
95
95
|
transform: (sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' ? 'rotate(180deg)' : 'none',
|
|
96
96
|
transition: 'opacity 150ms ease, transform 150ms ease',
|
|
97
97
|
flexShrink: '0',
|
|
98
98
|
display: 'block',
|
|
99
|
-
} }, h("path", { key: '
|
|
100
|
-
return (h(Host, { key: '
|
|
99
|
+
} }, h("path", { key: 'fd12f7b9559b4c371f041c0050201b5897dbe65b', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
100
|
+
return (h(Host, { key: '3f94ad099ad07643adbb68a6d9b60506627e331f', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '1816c6ada4b56007b674ff2f100347c0190141b4', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, h("span", { class: "sort-label" }, labelEl), sortIcon)) : (labelEl)));
|
|
101
101
|
}
|
|
102
102
|
get host() { return getElement(this); }
|
|
103
103
|
};
|
|
@@ -23,7 +23,7 @@ const DiwaTableHead = class {
|
|
|
23
23
|
this.theme = 'dark';
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5', innerHTML: getComponentCss() }), h("slot", { key: '856a4751d4e1a3df7209bac4ac4eb7dceb362b0e' })));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -18,7 +18,7 @@ const DiwaTableRow = class {
|
|
|
18
18
|
this.theme = 'dark';
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '45310520a3e662442e44a2c1ef97aed5aab249ef', role: "row", "data-theme": this.theme }, h("style", { key: 'ebd5e2f8a71726d4c77b66a5be6acb7b4efe372f', innerHTML: getComponentCss() }), h("slot", { key: '2e28c9bb411bc76c3c17094d91daa3b7f541d697' })));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -100,7 +100,7 @@ const DiwaTable = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
const tableLabel = this.caption || undefined;
|
|
103
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: 'ba6d8dc15f1b749d17d551f1d7da68b265e089f1', "data-theme": this.theme }, h("style", { key: '18ab26b2b3416c3fcaa363f9c6d4964ee2ea07ed', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("div", { key: '9e3ceb6c632cd27c08b19d8208826e3f233c966b', class: "table", role: "table", "aria-label": tableLabel }, h("slot", { key: '6575fad2e3ff1aa77111f6d9363171ae80eeef41' }))));
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
106
|
|
|
@@ -214,7 +214,7 @@ const DiwaTabsBar = class {
|
|
|
214
214
|
});
|
|
215
215
|
}
|
|
216
216
|
render() {
|
|
217
|
-
return (h(Host, { key: '
|
|
217
|
+
return (h(Host, { key: 'b7928b347830dfeb7ad98d5a6b75c19969913c11', role: "tablist", "data-theme": this.theme }, h("style", { key: '8dbf7f2a0bfc3078e936e36bcb05d732b59138a3', innerHTML: getComponentCss() }), h("div", { key: 'a86af72d154d26b7d60a46d04ce593d969e385d1', class: "bar" }, h("slot", { key: '18a056c3d26fe95185da2e9662dd1efd0de086fa' }))));
|
|
218
218
|
}
|
|
219
219
|
get host() { return getElement(this); }
|
|
220
220
|
static get watchers() { return {
|
|
@@ -23,7 +23,7 @@ const DiwaTabsItem = class {
|
|
|
23
23
|
this.active = false;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '907d3de8cd0892975e3e09c9a27b3d28e919b7c0', role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', "data-theme": this.theme }, h("style", { key: '3ad85637ea21fd79a52134273cc2c4935ce739b2', innerHTML: getComponentCss(this.active) }), h("slot", { key: '99113255d8bc769b7d6bfd35841525fd8cef5256' })));
|
|
27
27
|
}
|
|
28
28
|
get host() { return getElement(this); }
|
|
29
29
|
};
|
|
@@ -100,7 +100,7 @@ const DiwaTabs = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
const items = this.getItems();
|
|
103
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: '812e11bc6b4aa5a659fd65ff6bcfcc7d5bd4b2d3', "data-theme": this.theme }, h("style", { key: 'ab330530c33fa7af8ff48d1daa43b0b950520a66', innerHTML: getComponentCss() }), h("div", { key: '9771b96e88954ad75dfac1b8d32c607e4b37e0e2', class: "bar", role: "tablist" }, items.map((item, i) => (h("button", { class: "tab-btn", key: i, role: "tab", type: "button", "aria-selected": i === this.activeTabIndex ? 'true' : 'false', "aria-controls": `panel-${i}`, tabindex: i === this.activeTabIndex ? 0 : -1, onClick: () => this.handleTabClick(i) }, item.label || `Tab ${i + 1}`)))), h("div", { key: '12613d9a3365b21d9feefe0cd60af4e1bdc30794', class: "panels" }, h("slot", { key: '5643338d524a9504f1b091e872f23909eedac42b' }))));
|
|
104
104
|
}
|
|
105
105
|
get host() { return getElement(this); }
|
|
106
106
|
static get watchers() { return {
|
|
@@ -98,7 +98,7 @@ const DiwaTagDismissible = class {
|
|
|
98
98
|
};
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
|
-
return (h(Host, { key: '
|
|
101
|
+
return (h(Host, { key: '9f4c4377ebc43cf3745e6b3b76c1a0515735fe14', "data-theme": this.theme }, h("style", { key: '7a4a1ee00d78c00caedf46b2e4ed00703dc2a025', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '58e2d5628247acb7e1e1c319cbab3ddee3e0fc17', class: "tag" }, h("slot", { key: '073b4608fbb5cbe95e1ad6be7fd9604110c07470' }), h("button", { key: 'd82542c1f55263710d8d9664e678492dbdf83552', class: "dismiss", type: "button", "aria-label": this.label, onClick: this.handleDismiss }, h("svg", { key: '69df9a94062c0e50440ba6da4aff447c37f9dca5', xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { key: '79fa0ae0e865ca7b2c81fc681e74b4dd7ad7975b', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '144d7a3756922d470d2583aa53b911137d6436f3', x1: "6", y1: "6", x2: "18", y2: "18" }))))));
|
|
102
102
|
}
|
|
103
103
|
static get delegatesFocus() { return true; }
|
|
104
104
|
};
|
|
@@ -79,7 +79,7 @@ const DiwaTag = class {
|
|
|
79
79
|
this.theme = 'dark';
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: '7988f2df7bb610e4740f66cd99d39585db3593f5', "data-theme": this.theme }, h("style", { key: 'd7537b4b976e5883dff1c3007abef68a85a54947', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '7fe4f78c4cf1d3ab50d2075e6117da2442ec5402', class: "tag" }, this.icon && (h("span", { key: 'a92d37891d45e530112838df6261a5fc54fe7da5', class: "icon" }, h("diwa-icon", { key: 'c361b75471c8744b1b6d34b581055b1b7dbaeb7e', name: this.icon, size: this.compact ? 12 : 14 }))), h("slot", { key: 'b5f82c669e5568ec3f9d538f140f7e0b903bd647' }))));
|
|
83
83
|
}
|
|
84
84
|
};
|
|
85
85
|
|
|
@@ -21,7 +21,7 @@ const DiwaTextListItem = class {
|
|
|
21
21
|
this.theme = 'dark';
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: 'f92036198ef850cc2b40eaa57ad7e314fcef91e4', "data-theme": this.theme }, h("style", { key: 'c3bb2e489866ebeefb744cf401a7a1ceeb6fd24a', innerHTML: getItemCss() }), h("slot", { key: '37757b08e12b6fe3e88dd9a7e915ebd58df15fac' })));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -36,7 +36,7 @@ const DiwaTextList = class {
|
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
38
|
const Tag = this.type === 'ordered' ? 'ol' : 'ul';
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: 'c7fa29c59cb816732f14a435da9766dd6a888986', "data-theme": this.theme }, h("style", { key: '32358a312591f433febdc699b9400c897e57b48c', innerHTML: getComponentCss(this.type) }), h(Tag, { key: 'fbe6590f1088ebf717de49fb2c94a884eb7347c2', class: "list" }, h("slot", { key: '2e76f4e0b16e2a7361fe09f9b553554f22a4341f' }))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
|
|
@@ -74,7 +74,7 @@ const DiwaText = class {
|
|
|
74
74
|
// ──────────────────────────────────────────────────────────────
|
|
75
75
|
render() {
|
|
76
76
|
const Tag = this.tag; // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
77
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: '49d18cf4a1cde0bf2d76da600ae75986c5ee037c', "data-theme": this.theme }, h("style", { key: '731258511e5767af1d62598367bd10d46f09c6c6', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: '87a7f719ba0298cd1c502c04ac98f7f15d428e8b', class: "text" }, h("slot", { key: '20d0fb364bfd92432ff603327ba3b1d057b6129d' }))));
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
|