@limetech/lime-elements 40.13.0 → 40.14.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/CHANGELOG.md +15 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-3d-hover-effect-glow.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar_3.cjs.entry.js +4 -4
- package/dist/cjs/limel-ai-avatar.cjs.entry.js +2 -2
- package/dist/cjs/limel-badge.cjs.entry.js +2 -2
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-breadcrumbs_6.cjs.entry.js +6 -6
- package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-callout.cjs.entry.js +2 -2
- package/dist/cjs/limel-card.cjs.entry.js +1 -1
- package/dist/cjs/limel-chart.cjs.entry.js +1 -1
- package/dist/cjs/limel-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +2 -2
- package/dist/cjs/limel-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-diff.cjs.entry.js +2 -2
- package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
- package/dist/cjs/limel-color-picker-palette.cjs.entry.js +2 -2
- package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-dialog.cjs.entry.js +2 -2
- package/dist/cjs/limel-dock.cjs.entry.js +3 -3
- package/dist/cjs/limel-drag-handle_2.cjs.entry.js +4 -4
- package/dist/cjs/limel-email-viewer.cjs.entry.js +2 -2
- package/dist/cjs/limel-file-dropzone_2.cjs.entry.js +2 -2
- package/dist/cjs/limel-file-viewer.cjs.entry.js +732 -279
- package/dist/cjs/limel-file.cjs.entry.js +2 -2
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +2 -2
- package/dist/cjs/limel-flex-container.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +387 -70
- package/dist/cjs/limel-grid.cjs.entry.js +1 -1
- package/dist/cjs/limel-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-help-content.cjs.entry.js +1 -1
- package/dist/cjs/limel-help.cjs.entry.js +2 -2
- package/dist/cjs/limel-helper-line_3.cjs.entry.js +4 -4
- package/dist/cjs/limel-hotkey_4.cjs.entry.js +5 -5
- package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon.cjs.entry.js +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js +2 -2
- package/dist/cjs/limel-list-item.cjs.entry.js +3 -3
- package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
- package/dist/cjs/limel-masonry-layout.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-item-meta.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination-jump.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination.cjs.entry.js +2 -2
- package/dist/cjs/limel-picker.cjs.entry.js +2 -2
- package/dist/cjs/limel-popover_2.cjs.entry.js +2 -2
- package/dist/cjs/limel-profile-picture.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +2 -2
- package/dist/cjs/limel-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-resize-handle.cjs.entry.js +43 -2
- package/dist/cjs/limel-select.cjs.entry.js +1 -1
- package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/limel-side-panel.cjs.entry.js +16 -6
- package/dist/cjs/limel-slider.cjs.entry.js +4 -4
- package/dist/cjs/limel-snackbar.cjs.entry.js +3 -3
- package/dist/cjs/limel-split-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-switch.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +3 -3
- package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js +4 -4
- package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{translations-DDyw5Zzz.js → translations-CLSqfR3x.js} +56 -0
- package/dist/collection/components/3d-hover-effect-glow/3d-hover-effect-glow.js +1 -1
- package/dist/collection/components/action-bar/action-bar-item/action-bar-overflow-menu.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +2 -2
- package/dist/collection/components/ai-avatar/ai-avatar.js +1 -1
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/banner/banner.js +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/button-group/button-group.js +1 -1
- package/dist/collection/components/callout/callout.js +1 -1
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/chip-set/chip-set.js +1 -1
- package/dist/collection/components/circular-progress/circular-progress.js +1 -1
- package/dist/collection/components/code-diff/code-diff.js +1 -1
- package/dist/collection/components/code-editor/code-editor.js +1 -1
- package/dist/collection/components/collapsible-section/collapsible-section.js +1 -1
- package/dist/collection/components/color-picker/color-picker-palette.js +2 -2
- package/dist/collection/components/color-picker/color-picker.js +1 -1
- package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +1 -1
- package/dist/collection/components/dialog/dialog.js +2 -2
- package/dist/collection/components/dock/dock.js +2 -2
- package/dist/collection/components/drag-handle/drag-handle.js +1 -1
- package/dist/collection/components/email-viewer/email-viewer.js +1 -1
- package/dist/collection/components/file/file.js +1 -1
- package/dist/collection/components/file-dropzone/file-dropzone.js +1 -1
- package/dist/collection/components/file-input/file-input.js +1 -1
- package/dist/collection/components/flex-container/flex-container.js +1 -1
- package/dist/collection/components/form/form.js +1 -1
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/header/header.js +1 -1
- package/dist/collection/components/help/help-content.js +1 -1
- package/dist/collection/components/help/help.js +2 -2
- package/dist/collection/components/helper-line/helper-line.js +2 -2
- package/dist/collection/components/hotkey/hotkey.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +1 -1
- package/dist/collection/components/info-tile/info-tile.js +2 -2
- package/dist/collection/components/input-field/input-field.js +1 -1
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-item/list-item.js +2 -2
- package/dist/collection/components/list-item/menu-item-meta/menu-item-meta.js +1 -1
- package/dist/collection/components/markdown/markdown.js +1 -1
- package/dist/collection/components/masonry-layout/masonry-layout.js +1 -1
- package/dist/collection/components/menu/menu.js +1 -1
- package/dist/collection/components/menu-list/menu-list.js +1 -1
- package/dist/collection/components/menu-surface/menu-surface.js +1 -1
- package/dist/collection/components/notched-outline/notched-outline.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/picker/picker.js +1 -1
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/components/popover-surface/popover-surface.js +1 -1
- package/dist/collection/components/portal/portal.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button.js +2 -2
- package/dist/collection/components/resize-handle/resize-handle.css +35 -33
- package/dist/collection/components/resize-handle/resize-handle.js +86 -4
- package/dist/collection/components/scroller/scroller.js +2 -2
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shortcut/shortcut.js +1 -1
- package/dist/collection/components/side-panel/side-panel.js +44 -27
- package/dist/collection/components/slider/slider.js +3 -3
- package/dist/collection/components/snackbar/snackbar.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.js +2 -2
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tab-bar/tab-bar.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/text-editor/link-menu/editor-link-menu.js +3 -3
- package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js +1 -1
- package/dist/collection/components/text-editor/text-editor.js +1 -1
- package/dist/collection/components/tooltip/tooltip-content.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/translations/da.js +7 -0
- package/dist/collection/translations/de.js +7 -0
- package/dist/collection/translations/en.js +7 -0
- package/dist/collection/translations/fi.js +7 -0
- package/dist/collection/translations/fr.js +7 -0
- package/dist/collection/translations/nl.js +7 -0
- package/dist/collection/translations/no.js +7 -0
- package/dist/collection/translations/sv.js +7 -0
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-3d-hover-effect-glow.entry.js +1 -1
- package/dist/esm/limel-action-bar_3.entry.js +4 -4
- package/dist/esm/limel-ai-avatar.entry.js +2 -2
- package/dist/esm/limel-badge.entry.js +2 -2
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-breadcrumbs_6.entry.js +6 -6
- package/dist/esm/limel-button-group.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +2 -2
- package/dist/esm/limel-callout.entry.js +2 -2
- package/dist/esm/limel-card.entry.js +1 -1
- package/dist/esm/limel-chart.entry.js +1 -1
- package/dist/esm/limel-checkbox.entry.js +1 -1
- package/dist/esm/limel-chip-set.entry.js +2 -2
- package/dist/esm/limel-chip_2.entry.js +2 -2
- package/dist/esm/limel-circular-progress.entry.js +1 -1
- package/dist/esm/limel-code-diff.entry.js +2 -2
- package/dist/esm/limel-code-editor.entry.js +2 -2
- package/dist/esm/limel-collapsible-section.entry.js +2 -2
- package/dist/esm/limel-color-picker-palette.entry.js +2 -2
- package/dist/esm/limel-color-picker.entry.js +1 -1
- package/dist/esm/limel-dialog.entry.js +2 -2
- package/dist/esm/limel-dock.entry.js +3 -3
- package/dist/esm/limel-drag-handle_2.entry.js +4 -4
- package/dist/esm/limel-email-viewer.entry.js +2 -2
- package/dist/esm/limel-file-dropzone_2.entry.js +2 -2
- package/dist/esm/limel-file-viewer.entry.js +732 -279
- package/dist/esm/limel-file.entry.js +2 -2
- package/dist/esm/limel-flatpickr-adapter.entry.js +2 -2
- package/dist/esm/limel-flex-container.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +387 -70
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-help-content.entry.js +1 -1
- package/dist/esm/limel-help.entry.js +2 -2
- package/dist/esm/limel-helper-line_3.entry.js +4 -4
- package/dist/esm/limel-hotkey_4.entry.js +5 -5
- package/dist/esm/limel-icon-button.entry.js +1 -1
- package/dist/esm/limel-icon.entry.js +1 -1
- package/dist/esm/limel-info-tile.entry.js +2 -2
- package/dist/esm/limel-list-item.entry.js +3 -3
- package/dist/esm/limel-markdown.entry.js +1 -1
- package/dist/esm/limel-masonry-layout.entry.js +1 -1
- package/dist/esm/limel-menu-item-meta.entry.js +1 -1
- package/dist/esm/limel-pagination-jump.entry.js +1 -1
- package/dist/esm/limel-pagination.entry.js +2 -2
- package/dist/esm/limel-picker.entry.js +2 -2
- package/dist/esm/limel-popover_2.entry.js +2 -2
- package/dist/esm/limel-profile-picture.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +2 -2
- package/dist/esm/limel-radio-button-group.entry.js +1 -1
- package/dist/esm/limel-radio-button.entry.js +2 -2
- package/dist/esm/limel-resize-handle.entry.js +43 -2
- package/dist/esm/limel-select.entry.js +1 -1
- package/dist/esm/limel-shortcut.entry.js +1 -1
- package/dist/esm/limel-side-panel.entry.js +16 -6
- package/dist/esm/limel-slider.entry.js +4 -4
- package/dist/esm/limel-snackbar.entry.js +3 -3
- package/dist/esm/limel-split-button.entry.js +2 -2
- package/dist/esm/limel-switch.entry.js +1 -1
- package/dist/esm/limel-tab-bar.entry.js +1 -1
- package/dist/esm/limel-tab-panel.entry.js +1 -1
- package/dist/esm/limel-table.entry.js +3 -3
- package/dist/esm/limel-text-editor-link-menu.entry.js +4 -4
- package/dist/esm/limel-text-editor.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{translations-UrIr-5_D.js → translations-Drl5LNAD.js} +56 -0
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-13f2afc9.entry.js → p-01de145c.entry.js} +1 -1
- package/dist/lime-elements/{p-3ee121fa.entry.js → p-026eed2d.entry.js} +1 -1
- package/dist/lime-elements/{p-9ff6a455.entry.js → p-068b141b.entry.js} +1 -1
- package/dist/lime-elements/{p-bd58c761.entry.js → p-09f8f883.entry.js} +1 -1
- package/dist/lime-elements/{p-95322502.entry.js → p-1663fa9d.entry.js} +1 -1
- package/dist/lime-elements/{p-def7b38f.entry.js → p-17aa9235.entry.js} +1 -1
- package/dist/lime-elements/{p-910807cb.entry.js → p-19426c76.entry.js} +1 -1
- package/dist/lime-elements/{p-622660dd.entry.js → p-1d6014ed.entry.js} +1 -1
- package/dist/lime-elements/p-2370ff51.entry.js +1 -0
- package/dist/lime-elements/{p-0f18981d.entry.js → p-242f1032.entry.js} +1 -1
- package/dist/lime-elements/{p-828558cf.entry.js → p-27d375f3.entry.js} +1 -1
- package/dist/lime-elements/{p-2ba9d62f.entry.js → p-300f80e7.entry.js} +1 -1
- package/dist/lime-elements/{p-9ca18ba5.entry.js → p-3b4f6329.entry.js} +1 -1
- package/dist/lime-elements/{p-2528f75e.entry.js → p-3de45ea6.entry.js} +2 -2
- package/dist/lime-elements/{p-675a7469.entry.js → p-3f447d22.entry.js} +1 -1
- package/dist/lime-elements/{p-780dae0b.entry.js → p-3fa66fb1.entry.js} +1 -1
- package/dist/lime-elements/{p-09390c6a.entry.js → p-41172b62.entry.js} +1 -1
- package/dist/lime-elements/{p-d5144955.entry.js → p-41fb6e88.entry.js} +1 -1
- package/dist/lime-elements/{p-f4c9940e.entry.js → p-44ec1f22.entry.js} +1 -1
- package/dist/lime-elements/{p-268b4da1.entry.js → p-4a272ac2.entry.js} +1 -1
- package/dist/lime-elements/{p-e25bfb2c.entry.js → p-4a381bc6.entry.js} +1 -1
- package/dist/lime-elements/{p-fb526a05.entry.js → p-56fe13ef.entry.js} +1 -1
- package/dist/lime-elements/p-5d623004.entry.js +1 -0
- package/dist/lime-elements/{p-8a59698f.entry.js → p-5ea07cbe.entry.js} +1 -1
- package/dist/lime-elements/{p-67767276.entry.js → p-600466a9.entry.js} +1 -1
- package/dist/lime-elements/{p-657bfa36.entry.js → p-62b6e235.entry.js} +1 -1
- package/dist/lime-elements/p-64540beb.entry.js +1 -0
- package/dist/lime-elements/{p-1020ca20.entry.js → p-674680f9.entry.js} +1 -1
- package/dist/lime-elements/{p-d79d777e.entry.js → p-67536ac3.entry.js} +1 -1
- package/dist/lime-elements/{p-dd075353.entry.js → p-6770cf06.entry.js} +1 -1
- package/dist/lime-elements/p-6d4d7e3f.entry.js +16 -0
- package/dist/lime-elements/{p-887eea11.entry.js → p-7375fac2.entry.js} +1 -1
- package/dist/lime-elements/{p-6d65ee35.entry.js → p-7829198d.entry.js} +1 -1
- package/dist/lime-elements/{p-abed5afd.entry.js → p-82672504.entry.js} +1 -1
- package/dist/lime-elements/{p-24e5d420.entry.js → p-8339d921.entry.js} +1 -1
- package/dist/lime-elements/{p-33ed0c68.entry.js → p-87c9f4de.entry.js} +1 -1
- package/dist/lime-elements/{p-7a290372.entry.js → p-89316964.entry.js} +1 -1
- package/dist/lime-elements/{p-527e9c95.entry.js → p-8a9361a2.entry.js} +1 -1
- package/dist/lime-elements/{p-46bf8b22.entry.js → p-8e78fd4f.entry.js} +1 -1
- package/dist/lime-elements/{p-db1f9eba.entry.js → p-8f133cd6.entry.js} +1 -1
- package/dist/lime-elements/{p-7ae71c13.entry.js → p-90198515.entry.js} +1 -1
- package/dist/lime-elements/{p-236743f1.entry.js → p-95ca7426.entry.js} +1 -1
- package/dist/lime-elements/{p-55b56742.entry.js → p-9aa921a2.entry.js} +1 -1
- package/dist/lime-elements/{p-540b2b24.entry.js → p-9bbf2612.entry.js} +1 -1
- package/dist/lime-elements/{p-a449ca04.entry.js → p-9d354eca.entry.js} +1 -1
- package/dist/lime-elements/{p-68542e00.entry.js → p-9e9187ce.entry.js} +1 -1
- package/dist/lime-elements/p-B26k4gw8.js +1 -0
- package/dist/lime-elements/{p-4a7df81a.entry.js → p-aac603af.entry.js} +1 -1
- package/dist/lime-elements/{p-5473eb74.entry.js → p-aee75ad1.entry.js} +1 -1
- package/dist/lime-elements/{p-4882acaa.entry.js → p-afbe54e6.entry.js} +1 -1
- package/dist/lime-elements/{p-a78aaf37.entry.js → p-b5ebcbfc.entry.js} +1 -1
- package/dist/lime-elements/{p-07916acc.entry.js → p-be8950a6.entry.js} +2 -2
- package/dist/lime-elements/{p-de4d261a.entry.js → p-dd065596.entry.js} +1 -1
- package/dist/lime-elements/{p-0c2ce99b.entry.js → p-ddabfac0.entry.js} +1 -1
- package/dist/lime-elements/{p-d3475514.entry.js → p-de3cf7d8.entry.js} +1 -1
- package/dist/lime-elements/{p-c7e34502.entry.js → p-e13e0001.entry.js} +1 -1
- package/dist/lime-elements/p-e2971111.entry.js +1 -0
- package/dist/lime-elements/{p-ecded772.entry.js → p-e332bb9b.entry.js} +1 -1
- package/dist/lime-elements/{p-54631dbf.entry.js → p-e50acec1.entry.js} +1 -1
- package/dist/lime-elements/{p-3b6d4934.entry.js → p-e6be5819.entry.js} +1 -1
- package/dist/lime-elements/{p-074275f4.entry.js → p-e9b1e0bd.entry.js} +1 -1
- package/dist/lime-elements/p-ec531ecb.entry.js +1 -0
- package/dist/lime-elements/{p-90286e5c.entry.js → p-f0bf3fd1.entry.js} +1 -1
- package/dist/lime-elements/p-f1ac7608.entry.js +1 -0
- package/dist/lime-elements/{p-c12fbc91.entry.js → p-f455150b.entry.js} +1 -1
- package/dist/types/components/form/form.types.d.ts +7 -0
- package/dist/types/components/resize-handle/resize-handle.d.ts +31 -2
- package/dist/types/components/side-panel/side-panel.d.ts +11 -4
- package/dist/types/components.d.ts +63 -16
- package/dist/types/translations/da.d.ts +7 -0
- package/dist/types/translations/de.d.ts +7 -0
- package/dist/types/translations/en.d.ts +7 -0
- package/dist/types/translations/fi.d.ts +7 -0
- package/dist/types/translations/fr.d.ts +7 -0
- package/dist/types/translations/nl.d.ts +7 -0
- package/dist/types/translations/no.d.ts +7 -0
- package/dist/types/translations/sv.d.ts +7 -0
- package/package.json +4 -4
- package/dist/lime-elements/p-26813b2c.entry.js +0 -1
- package/dist/lime-elements/p-4f58c6b3.entry.js +0 -1
- package/dist/lime-elements/p-714ab66d.entry.js +0 -16
- package/dist/lime-elements/p-9b384d62.entry.js +0 -1
- package/dist/lime-elements/p-a317f2fa.entry.js +0 -1
- package/dist/lime-elements/p-b5bb124f.entry.js +0 -1
- package/dist/lime-elements/p-d7e5a4a7.entry.js +0 -1
- package/dist/lime-elements/p-w3yKYfBQ.js +0 -1
|
@@ -111,7 +111,7 @@ export class CollapsibleSection {
|
|
|
111
111
|
removeEnterClickable(button);
|
|
112
112
|
}
|
|
113
113
|
render() {
|
|
114
|
-
return (h("section", { key: '
|
|
114
|
+
return (h("section", { key: 'bf4e0e3b03e7391b7a279c61e3f3d42731beeec5', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '1ad663c74d260d846e96f3facaf04471187f2f44' }, h("button", { key: 'c1ff272b07d8d8d349c2be793c4c891daa99f38e', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '6032f0aa48913f04b9e89897a06fd9b62dab6718', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '369f0030229d4ec120f79f1333cca5d1dc3eb9df', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '504317dafb38fe89e3cfa0df0e3e5fbab4ca4c7e' }))));
|
|
115
115
|
}
|
|
116
116
|
renderHeaderSlot() {
|
|
117
117
|
return h("slot", { name: "header" });
|
|
@@ -39,10 +39,10 @@ export class Palette {
|
|
|
39
39
|
render() {
|
|
40
40
|
const background = this.value ? { '--background': this.value } : {};
|
|
41
41
|
return [
|
|
42
|
-
h("div", { key: '
|
|
42
|
+
h("div", { key: 'f64284a7fa49f91e6e9a9d6482e612d19c965976', class: "color-picker-palette", style: {
|
|
43
43
|
'--color-picker-column-count': `${this.getColumnCount()}`,
|
|
44
44
|
} }, this.renderSwatches()),
|
|
45
|
-
h("div", { key: '
|
|
45
|
+
h("div", { key: '7b6b9c007133801e4266f454011c1f320b73b903', class: "chosen-color-name" }, h("limel-input-field", { key: 'f553fd5e39a163f40cf3c3d48f5deb0de2465577', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '5d37ef30b20acb6e2986ca79d2e24475db85fa50', class: "chosen-color-preview", style: background })),
|
|
46
46
|
];
|
|
47
47
|
}
|
|
48
48
|
getPalette() {
|
|
@@ -87,7 +87,7 @@ export class ColorPicker {
|
|
|
87
87
|
(_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: '62a27a77858ae2cd66d473dd84e96d5187cf5e30' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'b061325ce2eadd8bedf2e133add138d698e194d1', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "limel-color-picker"; }
|
|
93
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -96,7 +96,7 @@ export class DatePickerCalendar {
|
|
|
96
96
|
});
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
|
-
return (h("div", { key: '
|
|
99
|
+
return (h("div", { key: 'aad98186a855e3c4e30dbc597cfad23b9a4cbcbe', class: "container", ref: (el) => (this.container = el), style: {
|
|
100
100
|
'--today-label': `"${translate.get('date-picker.today', this.language)}"`,
|
|
101
101
|
} }));
|
|
102
102
|
}
|
|
@@ -84,10 +84,10 @@ export class Dialog {
|
|
|
84
84
|
this.mdcDialog.destroy();
|
|
85
85
|
}
|
|
86
86
|
render() {
|
|
87
|
-
return (h("div", { key: '
|
|
87
|
+
return (h("div", { key: '1b5ea40cec2ae67e3ffa902bd35bfaca444ae2bf', class: {
|
|
88
88
|
'mdc-dialog': true,
|
|
89
89
|
'full-screen': !!this.fullscreen,
|
|
90
|
-
}, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: '
|
|
90
|
+
}, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: 'bcf3bcb62754208c582672667a175e736b0744fa', hidden: true, id: "initialFocusEl" }), h("div", { key: '296832fed308a7708a41049efaaf98d45514d2d7', class: "mdc-dialog__container" }, h("div", { key: '35367530bccda9a88285f3129d00875dc77c0257', class: "mdc-dialog__surface" }, h("input", { key: '9e70d9bd7cdce0dfef28ffe12ec5c07ffc66e5e1', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '323d15273582eac0803124b9699d44e2b9a079e2', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '0905ccd516e77933531e600faba97e73b5317731' })), this.renderFooter())), h("div", { key: '1ec2d3d9aa09b60d478c4ff5beefcaaefef9baed', class: "mdc-dialog__scrim" })));
|
|
91
91
|
}
|
|
92
92
|
watchHandler(newValue, oldValue) {
|
|
93
93
|
if (oldValue === newValue || !this.mdcDialog) {
|
|
@@ -94,11 +94,11 @@ export class Dock {
|
|
|
94
94
|
this.resizeObserver.disconnect();
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: '59f51282a849383ecc23d3699ab20d9eadef800a', class: {
|
|
98
98
|
dock: true,
|
|
99
99
|
expanded: this.expanded,
|
|
100
100
|
'has-mobile-layout': this.useMobileLayout,
|
|
101
|
-
} }, h("nav", { key: '
|
|
101
|
+
} }, h("nav", { key: 'c60abf3144c58aac33e321548b3167387f1bc2a9', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
|
|
102
102
|
}
|
|
103
103
|
renderExpandShrinkToggle() {
|
|
104
104
|
if (this.useMobileLayout || !this.allowResize) {
|
|
@@ -51,7 +51,7 @@ export class DragHandleComponent {
|
|
|
51
51
|
render() {
|
|
52
52
|
const tooltipLabel = translate.get('drag-handle.drag-to-reorder', this.language);
|
|
53
53
|
const ariaLabel = translate.get('drag-handle.drag-handle', this.language);
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'c88e3c81d5c24052b01bb44a6dd6d1abdddc75cb' }, h("button", { key: 'e45a3d7ca735bc27a4a05c13c65ec0d6e2b4df04', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '8a91aa1f70775148fb4262a9ef51129cfd89cf07', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: '645f814490598b794def31fde73de3bf61041904', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
|
|
55
55
|
}
|
|
56
56
|
static get is() { return "limel-drag-handle"; }
|
|
57
57
|
static get originalStyleUrls() {
|
|
@@ -75,7 +75,7 @@ export class EmailViewer {
|
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
render() {
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '988ce952ec8bfb1a3f6107687bf99eb921e82a68' }, h("div", { key: '0c0551cf33923837a4fbc0be84bef92e5f42084a', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '62189859a9796e38bfa2c3aa7af83c3f2cc1e5a6' }, this.renderAttachments(), this.renderBody()))));
|
|
79
79
|
}
|
|
80
80
|
renderHeaders() {
|
|
81
81
|
const headerFields = [
|
|
@@ -154,7 +154,7 @@ export class File {
|
|
|
154
154
|
this.resizingFile = undefined;
|
|
155
155
|
}
|
|
156
156
|
render() {
|
|
157
|
-
return (h(Host, { key: '
|
|
157
|
+
return (h(Host, { key: 'f18050fc95a60bb3c7223ae12107d49e147def67', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'ede8aa3e8c6e8406a0b38db4ecbe33159ec698bc', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
|
|
158
158
|
}
|
|
159
159
|
get statusText() {
|
|
160
160
|
var _a, _b, _c;
|
|
@@ -90,7 +90,7 @@ export class FileDropzone {
|
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: '0209f44f7cfe46ccb98b3e15d597555ac57c0dce', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '1198fc4141e15527cd7575f5dd88b06b1a9d61c1' }), this.renderOnDragLayout()));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "limel-file-dropzone"; }
|
|
96
96
|
static get encapsulation() { return "shadow"; }
|
|
@@ -72,7 +72,7 @@ export class FileInput {
|
|
|
72
72
|
this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: 'e499bde6727abc2123d0aa70d446860de930a838', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '9e3ba97f8f43b90d6d63e348acda5fa2a3976432', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: 'c29534ed1ee305ba85afd02c4b66e61eae817a5e' })));
|
|
76
76
|
}
|
|
77
77
|
handleKeyDown(event) {
|
|
78
78
|
if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {
|
|
@@ -31,7 +31,7 @@ export class FlexContainer {
|
|
|
31
31
|
console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return h("slot", { key: '
|
|
34
|
+
return h("slot", { key: '2049c195a3ded73e31597b1e51f3d4af9b7316ed' });
|
|
35
35
|
}
|
|
36
36
|
static get is() { return "limel-flex-container"; }
|
|
37
37
|
static get encapsulation() { return "shadow"; }
|
|
@@ -96,7 +96,7 @@ export class Form {
|
|
|
96
96
|
this.initialized = false;
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
|
-
return h("div", { key: '
|
|
99
|
+
return h("div", { key: 'e57ab791f09cd1e8271437e91822ffabcfe2a118', class: "root" });
|
|
100
100
|
}
|
|
101
101
|
reactRender() {
|
|
102
102
|
if (!this.root) {
|
|
@@ -12,7 +12,7 @@ export class Grid {
|
|
|
12
12
|
console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return h("slot", { key: '
|
|
15
|
+
return h("slot", { key: '3b806c24a8ef43720ed744030f791878c592bc1a' });
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "limel-grid"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -61,7 +61,7 @@ export class Header {
|
|
|
61
61
|
this.subheadingDivider = '·';
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: '772b80728f03fc7a51ae6b2b8892c0417c4dfc56' }, h("div", { key: '87516edb431b0d65fdebd59b422b62e953f316a7', class: "information" }, this.renderIcon(), h("div", { key: 'fc6dbd30d144dafb66e6f1d2899dfe849835d923', class: "headings" }, h("h1", { key: 'af693c740d006353f6328459ecbc372dfa204398', class: "heading", title: this.heading }, this.heading), h("h2", { key: '2b0e5ed7b7df45ec645057083610ef88ab404b75', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '88d461f901a4daa28a269aeaa2efb3a39f4f610c', name: "actions" }, h("slot", { key: '4a9ade9ab15cc333b9555a8fadad9147145619f9' }))));
|
|
65
65
|
}
|
|
66
66
|
renderIcon() {
|
|
67
67
|
var _a, _b, _c, _d, _e;
|
|
@@ -19,7 +19,7 @@ export class HelpContent {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: 'dc61745d8db673bafa3179ec2075ac40d26c265e' }, h("limel-markdown", { key: '81b4c0871a566e55119abeebe42e26c45d16ab68', value: this.value }), this.renderReadMoreLink()));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "limel-help-content"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -41,9 +41,9 @@ export class HelpComponent {
|
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: '7dbdb1d1a250fd4655c4cf9f9a711f9f82d128e0' }, h("limel-popover", { key: '4a0bce2e74a621ffc392cabfb4d3f3817bfb14cf', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '22a0c7b7002973d95dba6e8cfef34b73ddc779e6', slot: "trigger", type: "button", onClick: this.openPopover, class: {
|
|
45
45
|
'is-open': this.isOpen,
|
|
46
|
-
} }, this.trigger), h("limel-help-content", { key: '
|
|
46
|
+
} }, this.trigger), h("limel-help-content", { key: '86cb41721ed8e9eb2b5c0dc6eb930c2b0a412a6e', value: this.value, readMoreLink: this.readMoreLink }))));
|
|
47
47
|
}
|
|
48
48
|
static get is() { return "limel-help"; }
|
|
49
49
|
static get encapsulation() { return "shadow"; }
|
|
@@ -50,9 +50,9 @@ export class HelperLine {
|
|
|
50
50
|
};
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: '67896281429efb2375427383aa6c7046096ad203', tabIndex: -1, class: {
|
|
54
54
|
invalid: this.invalid,
|
|
55
|
-
}, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '
|
|
55
|
+
}, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '7fbf830b9edd0b2aeb36539ddbc8c2b472acc4eb' }, this.renderHelperText(), this.renderCharacterCounter())));
|
|
56
56
|
}
|
|
57
57
|
static get is() { return "limel-helper-line"; }
|
|
58
58
|
static get originalStyleUrls() {
|
|
@@ -30,7 +30,7 @@ export class Hotkey {
|
|
|
30
30
|
const parts = tokenizeHotkeyString(this.value);
|
|
31
31
|
const displayParts = parts.map((part) => formatDisplayToken(part, this.isApple));
|
|
32
32
|
const ariaLabel = getHotkeyAriaLabel(this.value, this.isApple);
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '9c75664311ac5138a87c1c5bb58c48a40ec44dc5', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "limel-hotkey"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -50,7 +50,7 @@ export class Icon {
|
|
|
50
50
|
this.loadIcon(this.name);
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return h("div", { key: '
|
|
53
|
+
return h("div", { key: '0f09232e65b213e57673054707f6bdb400000fd6', class: "container" });
|
|
54
54
|
}
|
|
55
55
|
updateAccessibility() {
|
|
56
56
|
if (!this.internals) {
|
|
@@ -52,7 +52,7 @@ export class IconButton {
|
|
|
52
52
|
if (this.host.hasAttribute('tabindex')) {
|
|
53
53
|
buttonAttributes.tabindex = this.host.getAttribute('tabindex');
|
|
54
54
|
}
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: '0df9ac9a4c51f8062cdd7a6fa91204ea0e3b78f7', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '3ebf706164e779db253d82d38c4aab3ddf33e770', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
|
|
56
56
|
}
|
|
57
57
|
renderIcon() {
|
|
58
58
|
var _a, _b;
|
|
@@ -127,9 +127,9 @@ export class InfoTile {
|
|
|
127
127
|
this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
|
|
128
128
|
const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
|
|
129
129
|
const rel = getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
|
|
130
|
-
return (h(Host, { key: '
|
|
130
|
+
return (h(Host, { key: '549c508fdd747f3883afe97efd8eba297d75bc33', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '3a04537d79c62bce556b0b46bf5f1f3a011ba280', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
|
|
131
131
|
'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
|
|
132
|
-
} }, this.renderIcon(), this.renderProgress(), h("slot", { key: '
|
|
132
|
+
} }, this.renderIcon(), this.renderProgress(), h("slot", { key: '10b2f70309046c0f811a2af8fadedb86d53a4e10', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '0c3e378b14d23909e1b957704d6c846d1d6a20c3', class: "value-group" }, this.renderPrefix(), h("div", { key: '0cf56fce6179d34ebd047a16492935542fc7c6ed', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'b239b27230d6e0fe766517f4c7aba9176a6fdf1e' })), this.renderNotification()));
|
|
133
133
|
}
|
|
134
134
|
checkProps(propValue) {
|
|
135
135
|
return propValue ? propValue + ' ' : '';
|
|
@@ -599,7 +599,7 @@ export class InputField {
|
|
|
599
599
|
if (this.renderAutocompleteList()) {
|
|
600
600
|
properties['aria-controls'] = this.portalId;
|
|
601
601
|
}
|
|
602
|
-
return (h(Host, { key: '
|
|
602
|
+
return (h(Host, { key: 'ed9c0ff9c44e672a33ff2c17cc6adf4ae8f518cd' }, h("limel-notched-outline", { key: 'ae6dc84f39a46175309ef4fe834f3e91910f6b99', labelId: this.inputId, labelElementId: this.labelElementId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: 'c0ddb03c7c0c64b0002f2ed44db932fe77513ca8', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
|
|
603
603
|
}
|
|
604
604
|
valueWatcher(newValue) {
|
|
605
605
|
if (!this.mdcTextField || this.changeWaiting) {
|
|
@@ -194,7 +194,7 @@ export class List {
|
|
|
194
194
|
maxLinesSecondaryText = 1;
|
|
195
195
|
}
|
|
196
196
|
const html = this.listRenderer.render(this.items, this.config);
|
|
197
|
-
return (h(Host, { key: '
|
|
197
|
+
return (h(Host, { key: 'c0b436d0236fd177e789d43518eb193d5e5e7bbf', style: {
|
|
198
198
|
'--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
|
|
199
199
|
} }, html));
|
|
200
200
|
}
|
|
@@ -158,9 +158,9 @@ export class ListItemComponent {
|
|
|
158
158
|
// also keep for `menuitem` for visual state consistency
|
|
159
159
|
ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
|
|
160
160
|
}
|
|
161
|
-
return (h(Host, Object.assign({ key: '
|
|
161
|
+
return (h(Host, Object.assign({ key: 'c546782bb0418b47bffe81e5532c2f1ac3971c82', role: this.getHostRole(), class: {
|
|
162
162
|
'has-primary-component': !!((_a = this.primaryComponent) === null || _a === void 0 ? void 0 : _a.name),
|
|
163
|
-
} }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '
|
|
163
|
+
} }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '16b10f373ce8c8508a0ef680acea777c9f6aeac6', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
|
|
164
164
|
}
|
|
165
165
|
/**
|
|
166
166
|
* Returns a stable reference for the provided actions array to avoid
|
|
@@ -22,7 +22,7 @@ export class MenuItemMeta {
|
|
|
22
22
|
this.showChevron = false;
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'd8b7f496ec83b138cfe9b7ea5deaf7a862a92a7f' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
|
|
26
26
|
}
|
|
27
27
|
renderCommandText() {
|
|
28
28
|
if (this.hotkey) {
|
|
@@ -170,7 +170,7 @@ export class Markdown {
|
|
|
170
170
|
this.cleanupImageIntersectionObserver();
|
|
171
171
|
}
|
|
172
172
|
render() {
|
|
173
|
-
return (h(Host, { key: '
|
|
173
|
+
return (h(Host, { key: 'eb1749c0d9dda5b26400cb8a11e884d435e759f4' }, h("div", { key: '2574a46c51bd1d18808f1bac945a7d356550e02c', id: "markdown", ref: (el) => (this.rootElement = el) })));
|
|
174
174
|
}
|
|
175
175
|
setupImageIntersectionObserver() {
|
|
176
176
|
if (this.lazyLoadImages) {
|
|
@@ -59,7 +59,7 @@ export class MasonryLayout {
|
|
|
59
59
|
const style = {
|
|
60
60
|
height: `${this.containerHeight}rem`,
|
|
61
61
|
};
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'b25a2eb6e10535aa5fedb8de8baeb96f51e10739', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: 'fa2c4773d1fb41e2ea0725a28911840e45e5c809' })));
|
|
63
63
|
}
|
|
64
64
|
setupObservers() {
|
|
65
65
|
this.resizeObserver = new ResizeObserver(() => {
|
|
@@ -593,7 +593,7 @@ export class Menu {
|
|
|
593
593
|
const cssProperties = this.getCssProperties();
|
|
594
594
|
const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
|
|
595
595
|
const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
|
|
596
|
-
return (h("div", { key: '
|
|
596
|
+
return (h("div", { key: '6d847423b24fe40843b5650e1bf4374683a039da', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: 'ac6b1f1ed8801096f7d00fa0a9198a76c1ce3019', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'cb084d50d4abacfb9dc670d59477ac881bf6d480', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '7ac31e90caa874032731f8ceb3521ffb014eb05f', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
|
|
597
597
|
'has-grid-layout': this.gridLayout,
|
|
598
598
|
} }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
|
|
599
599
|
}
|
|
@@ -88,7 +88,7 @@ export class MenuList {
|
|
|
88
88
|
iconSize: this.iconSize,
|
|
89
89
|
};
|
|
90
90
|
const html = this.MenuListRenderer.render(this.items, this.config);
|
|
91
|
-
return h("div", { key: '
|
|
91
|
+
return h("div", { key: '3415e15ffee93dd14fd52e5d465cd4afc31ac9fe', class: "mdc-menu mdc-menu-surface" }, html);
|
|
92
92
|
}
|
|
93
93
|
itemsChanged() {
|
|
94
94
|
setTimeout(() => {
|
|
@@ -103,7 +103,7 @@ export class MenuSurface {
|
|
|
103
103
|
'mdc-elevation-transition': true,
|
|
104
104
|
'mdc-elevation--z4': true,
|
|
105
105
|
};
|
|
106
|
-
return (h("div", { key: '
|
|
106
|
+
return (h("div", { key: '6a3fd2315216b168a3e898e4ef43a928a19efe76', class: classList, tabindex: "-1" }, h("slot", { key: '4bf591cdb0e628622d8eada0e628eb33f1aaa74b' })));
|
|
107
107
|
}
|
|
108
108
|
static get is() { return "limel-menu-surface"; }
|
|
109
109
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,7 +59,7 @@ export class NotchedOutline {
|
|
|
59
59
|
this.hasFloatingLabel = false;
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (h("div", { key: '
|
|
62
|
+
return (h("div", { key: '3a89f4df1e456e91ae6963275d8e554f785d5806', class: "limel-notched-outline" }, h("slot", { key: 'd372b467d8aed4d97fe89073f3a9bf8d6af451ae', name: "content" }), h("span", { key: 'f56e6d2d3b75e5d05738e28696d892cfdddc991b', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: '76c5ac529a46fa4a32969deb9a00bc872ab903e9', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'a37b86f6ebb5db2eb9c1f2c8994fce60e70260b6', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
|
|
63
63
|
}
|
|
64
64
|
renderLabel() {
|
|
65
65
|
if (!this.label) {
|
|
@@ -304,7 +304,7 @@ export class Pagination {
|
|
|
304
304
|
}
|
|
305
305
|
render() {
|
|
306
306
|
const { slots } = this.view;
|
|
307
|
-
return (h(Host, { key: '
|
|
307
|
+
return (h(Host, { key: 'b8e02650528bd6547965afb437129cad0ea6cd33' }, h("nav", { key: '3b4b66479357da55ff6ff41d78cc37f77b2d32f6', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), h("span", { key: 'b248701311dd6da9d4fb158299d07e618297038e', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
|
|
308
308
|
}
|
|
309
309
|
/**
|
|
310
310
|
* Without a count we know where the user is but not how far the set goes,
|
|
@@ -199,7 +199,7 @@ export class Picker {
|
|
|
199
199
|
props.maxItems = 1;
|
|
200
200
|
}
|
|
201
201
|
return [
|
|
202
|
-
h("limel-chip-set", Object.assign({ key: '
|
|
202
|
+
h("limel-chip-set", Object.assign({ key: '52839878b5dfc5477a0fdc848ad3f7ea7a48019b', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
|
|
203
203
|
this.renderDropdown(),
|
|
204
204
|
];
|
|
205
205
|
}
|
|
@@ -137,7 +137,7 @@ export class Popover {
|
|
|
137
137
|
render() {
|
|
138
138
|
const cssProperties = this.getCssProperties();
|
|
139
139
|
const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
|
|
140
|
-
return (h("div", { key: '
|
|
140
|
+
return (h("div", { key: 'a02ffc9fddedc154172b0d4882bfe59b2577ffac', class: "trigger-anchor" }, h("slot", { key: '3665da92007e5943986f57c449055b892502f67e', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '461758e543e835682034c689fcb093fb53ea352e', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '85c7c3d6b11c616eab35bc8419fa2769e5e602ed', contentCollection: this.host.children, style: cssProperties }))));
|
|
141
141
|
}
|
|
142
142
|
globalClickListener(event) {
|
|
143
143
|
const element = event.target;
|
|
@@ -8,7 +8,7 @@ export class PopoverSurface {
|
|
|
8
8
|
this.appendElement();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return h("div", { key: '
|
|
11
|
+
return h("div", { key: '565d94e781d72493de84f12970471ecf220dd601', class: "limel-popover-surface", tabindex: "0" });
|
|
12
12
|
}
|
|
13
13
|
appendElement() {
|
|
14
14
|
const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');
|
|
@@ -115,7 +115,7 @@ export class Portal {
|
|
|
115
115
|
this.showContainer();
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return h("slot", { key: '
|
|
118
|
+
return h("slot", { key: 'd342bcf892ea6bba5eafc93d07119a3c86df2623' });
|
|
119
119
|
}
|
|
120
120
|
onVisible() {
|
|
121
121
|
if (!this.container && this.visible) {
|
|
@@ -37,7 +37,7 @@ export class RadioButtonGroup {
|
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h("limel-list", { key: '
|
|
40
|
+
return (h("limel-list", { key: '1ee999435baebb1badb909227d94d083fcc0fb03', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
|
|
41
41
|
}
|
|
42
42
|
createItems() {
|
|
43
43
|
return this.items.map((option) => {
|
|
@@ -31,12 +31,12 @@ import { Host, h } from "@stencil/core";
|
|
|
31
31
|
*/
|
|
32
32
|
export class RadioButtonComponent {
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: 'f648a356af28a59101187075c6f42ac7afe28b49', class: {
|
|
35
35
|
'boolean-input': true,
|
|
36
36
|
'radio-button': true,
|
|
37
37
|
checked: this.checked,
|
|
38
38
|
disabled: this.disabled,
|
|
39
|
-
} }, h("input", { key: '
|
|
39
|
+
} }, h("input", { key: 'ddbbe3e3cd47a3434121a37053e0f556b3f823df', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '5af2a675fcf855d4c14a0297e1389a7098ee13f6', class: "box" }), h("label", { key: 'a12ad0a7ba7319c0f01fb3523f6a6cb94577e0c1', class: "boolean-input-label", htmlFor: this.id }, this.label)));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "limel-radio-button"; }
|
|
42
42
|
static get originalStyleUrls() {
|