wj-elements 0.1.136 → 0.1.138
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/dark.css +223 -0
- package/dist/infinite-scroll.element-XVJukzjy.js +272 -0
- package/dist/infinite-scroll.element-XVJukzjy.js.map +1 -0
- package/dist/light.css +534 -0
- package/dist/list.element-Ce1vIm1O.js +50 -0
- package/dist/list.element-Ce1vIm1O.js.map +1 -0
- package/dist/localize.js +70 -0
- package/dist/localize.js.map +1 -0
- package/dist/packages/index.d.ts +102 -0
- package/dist/packages/localize/localize.d.ts +17 -0
- package/dist/packages/translations/en-gb.d.ts +13 -0
- package/dist/packages/translations/sk-sk.d.ts +13 -0
- package/dist/packages/utils/animations.d.ts +2 -0
- package/dist/packages/utils/date.d.ts +1 -0
- package/dist/packages/utils/element-utils.d.ts +46 -0
- package/dist/packages/utils/event.d.ts +67 -0
- package/dist/packages/utils/localize.d.ts +4 -0
- package/dist/packages/utils/permissions-api.d.ts +34 -0
- package/dist/packages/utils/utils.d.ts +1 -0
- package/dist/packages/utils/wje-import-firefox.d.ts +0 -0
- package/dist/packages/utils/wje-import.d.ts +0 -0
- package/dist/packages/wje-accordion/accordion.d.ts +2 -0
- package/dist/packages/wje-accordion/accordion.element.d.ts +72 -0
- package/dist/packages/wje-accordion-item/accordion-item.d.ts +2 -0
- package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +40 -0
- package/dist/packages/wje-animation/animation.d.ts +2 -0
- package/dist/packages/wje-animation/animation.element.d.ts +153 -0
- package/dist/packages/wje-animation/animation.test.d.ts +1 -0
- package/dist/packages/wje-aside/aside.d.ts +2 -0
- package/dist/packages/wje-aside/aside.element.d.ts +31 -0
- package/dist/packages/wje-avatar/avatar.d.ts +2 -0
- package/dist/packages/wje-avatar/avatar.element.d.ts +37 -0
- package/dist/packages/wje-avatar/service/service.d.ts +40 -0
- package/dist/packages/wje-badge/badge.d.ts +2 -0
- package/dist/packages/wje-badge/badge.element.d.ts +35 -0
- package/dist/packages/wje-badge/badge.test.d.ts +1 -0
- package/dist/packages/wje-breadcrumb/breadcrumb.d.ts +2 -0
- package/dist/packages/wje-breadcrumb/breadcrumb.element.d.ts +80 -0
- package/dist/packages/wje-breadcrumbs/breadcrumbs.d.ts +2 -0
- package/dist/packages/wje-breadcrumbs/breadcrumbs.element.d.ts +97 -0
- package/dist/packages/wje-breadcrumbs/breadcrumbs.test.d.ts +1 -0
- package/dist/packages/wje-button/button.d.ts +2 -0
- package/dist/packages/wje-button/button.element.d.ts +173 -0
- package/dist/packages/wje-button/button.test.d.ts +1 -0
- package/dist/packages/wje-button-group/button-group.d.ts +2 -0
- package/dist/packages/wje-button-group/button-group.element.d.ts +39 -0
- package/dist/packages/wje-card/card.d.ts +2 -0
- package/dist/packages/wje-card/card.element.d.ts +29 -0
- package/dist/packages/wje-card-content/card-content.d.ts +2 -0
- package/dist/packages/wje-card-content/card-content.element.d.ts +22 -0
- package/dist/packages/wje-card-controls/card-controls.d.ts +2 -0
- package/dist/packages/wje-card-controls/card-controls.element.d.ts +23 -0
- package/dist/packages/wje-card-header/card-header.d.ts +2 -0
- package/dist/packages/wje-card-header/card-header.element.d.ts +22 -0
- package/dist/packages/wje-card-subtitle/card-subtitle.d.ts +2 -0
- package/dist/packages/wje-card-subtitle/card-subtitle.element.d.ts +30 -0
- package/dist/packages/wje-card-title/card-title.d.ts +2 -0
- package/dist/packages/wje-card-title/card-title.element.d.ts +32 -0
- package/dist/packages/wje-carousel/carousel.d.ts +2 -0
- package/dist/packages/wje-carousel/carousel.element.d.ts +146 -0
- package/dist/packages/wje-carousel-item/carousel-item.d.ts +2 -0
- package/dist/packages/wje-carousel-item/carousel-item.element.d.ts +38 -0
- package/dist/packages/wje-checkbox/checkbox.d.ts +2 -0
- package/dist/packages/wje-checkbox/checkbox.element.d.ts +171 -0
- package/dist/packages/wje-chip/chip.d.ts +2 -0
- package/dist/packages/wje-chip/chip.element.d.ts +29 -0
- package/dist/packages/wje-col/col.d.ts +2 -0
- package/dist/packages/wje-col/col.element.d.ts +16 -0
- package/dist/packages/wje-color-picker/color-picker.d.ts +2 -0
- package/dist/packages/wje-color-picker/color-picker.element.d.ts +187 -0
- package/dist/packages/wje-container/container.d.ts +2 -0
- package/dist/packages/wje-container/container.element.d.ts +31 -0
- package/dist/packages/wje-copy-button/copy-button.d.ts +2 -0
- package/dist/packages/wje-copy-button/copy-button.element.d.ts +89 -0
- package/dist/packages/wje-copy-button/service/service.d.ts +12 -0
- package/dist/packages/wje-dialog/dialog.d.ts +2 -0
- package/dist/packages/wje-dialog/dialog.element.d.ts +116 -0
- package/dist/packages/wje-divider/divider.d.ts +2 -0
- package/dist/packages/wje-divider/divider.element.d.ts +32 -0
- package/dist/packages/wje-dropdown/dropdown.d.ts +2 -0
- package/dist/packages/wje-dropdown/dropdown.element.d.ts +85 -0
- package/dist/packages/wje-element/element.d.ts +313 -0
- package/dist/packages/wje-element/service/universal-service.d.ts +18 -0
- package/dist/packages/wje-file-upload/file-upload.d.ts +2 -0
- package/dist/packages/wje-file-upload/file-upload.element.d.ts +191 -0
- package/dist/packages/wje-file-upload/service/service.d.ts +70 -0
- package/dist/packages/wje-file-upload-item/file-upload-item.d.ts +2 -0
- package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts +64 -0
- package/dist/packages/wje-footer/footer.d.ts +2 -0
- package/dist/packages/wje-footer/footer.element.d.ts +28 -0
- package/dist/packages/wje-form/form.d.ts +2 -0
- package/dist/packages/wje-form/form.element.d.ts +28 -0
- package/dist/packages/wje-format-digital/format-digital.d.ts +2 -0
- package/dist/packages/wje-format-digital/format-digital.element.d.ts +87 -0
- package/dist/packages/wje-format-digital/format-digital.test.d.ts +1 -0
- package/dist/packages/wje-grid/grid.d.ts +2 -0
- package/dist/packages/wje-grid/grid.element.d.ts +26 -0
- package/dist/packages/wje-header/header.d.ts +2 -0
- package/dist/packages/wje-header/header.element.d.ts +35 -0
- package/dist/packages/wje-icon/icon.d.ts +2 -0
- package/dist/packages/wje-icon/icon.element.d.ts +40 -0
- package/dist/packages/wje-icon/service/service.d.ts +11 -0
- package/dist/packages/wje-icon-picker/icon-picker.d.ts +2 -0
- package/dist/packages/wje-icon-picker/icon-picker.element.d.ts +197 -0
- package/dist/packages/wje-img/img.d.ts +2 -0
- package/dist/packages/wje-img/img.element.d.ts +36 -0
- package/dist/packages/wje-img-comparer/img-comparer.d.ts +2 -0
- package/dist/packages/wje-img-comparer/img-comparer.element.d.ts +60 -0
- package/dist/packages/wje-img-comparer/service/service.d.ts +1 -0
- package/dist/packages/wje-infinite-scroll/infinite-scroll.d.ts +2 -0
- package/dist/packages/wje-infinite-scroll/infinite-scroll.element.d.ts +134 -0
- package/dist/packages/wje-input/input.d.ts +2 -0
- package/dist/packages/wje-input/input.element.d.ts +204 -0
- package/dist/packages/wje-input-file/input-file.d.ts +2 -0
- package/dist/packages/wje-input-file/input-file.element.d.ts +50 -0
- package/dist/packages/wje-item/item.d.ts +2 -0
- package/dist/packages/wje-item/item.element.d.ts +68 -0
- package/dist/packages/wje-kanban/kanban.d.ts +2 -0
- package/dist/packages/wje-kanban/kanban.element.d.ts +183 -0
- package/dist/packages/wje-label/label.d.ts +2 -0
- package/dist/packages/wje-label/label.element.d.ts +34 -0
- package/dist/packages/wje-list/list.d.ts +2 -0
- package/dist/packages/wje-list/list.element.d.ts +31 -0
- package/dist/packages/wje-main/main.d.ts +2 -0
- package/dist/packages/wje-main/main.element.d.ts +30 -0
- package/dist/packages/wje-masonry/masonry.d.ts +2 -0
- package/dist/packages/wje-masonry/masonry.element.d.ts +114 -0
- package/dist/packages/wje-masonry/service/service.d.ts +32 -0
- package/dist/packages/wje-menu/menu.d.ts +2 -0
- package/dist/packages/wje-menu/menu.element.d.ts +47 -0
- package/dist/packages/wje-menu-button/menu-button.d.ts +2 -0
- package/dist/packages/wje-menu-button/menu-button.element.d.ts +34 -0
- package/dist/packages/wje-menu-item/menu-item.d.ts +2 -0
- package/dist/packages/wje-menu-item/menu-item.element.d.ts +139 -0
- package/dist/packages/wje-menu-label/menu-label.d.ts +2 -0
- package/dist/packages/wje-menu-label/menu-label.element.d.ts +39 -0
- package/dist/packages/wje-option/option.d.ts +2 -0
- package/dist/packages/wje-option/option.element.d.ts +59 -0
- package/dist/packages/wje-options/options.d.ts +2 -0
- package/dist/packages/wje-options/options.element.d.ts +183 -0
- package/dist/packages/wje-orgchart/orgchart.d.ts +2 -0
- package/dist/packages/wje-orgchart/orgchart.element.d.ts +24 -0
- package/dist/packages/wje-orgchart-group/orgchart-group.d.ts +2 -0
- package/dist/packages/wje-orgchart-group/orgchart-group.element.d.ts +28 -0
- package/dist/packages/wje-orgchart-item/orgchart-item.d.ts +2 -0
- package/dist/packages/wje-orgchart-item/orgchart-item.element.d.ts +49 -0
- package/dist/packages/wje-panel/panel.d.ts +2 -0
- package/dist/packages/wje-panel/panel.element.d.ts +34 -0
- package/dist/packages/wje-popup/popup.d.ts +2 -0
- package/dist/packages/wje-popup/popup.element.d.ts +93 -0
- package/dist/packages/wje-progress-bar/progress-bar.d.ts +2 -0
- package/dist/packages/wje-progress-bar/progress-bar.element.d.ts +96 -0
- package/dist/packages/wje-qr-code/qr-code.d.ts +2 -0
- package/dist/packages/wje-qr-code/qr-code.element.d.ts +33 -0
- package/dist/packages/wje-radio/radio.d.ts +2 -0
- package/dist/packages/wje-radio/radio.element.d.ts +53 -0
- package/dist/packages/wje-radio-group/radio-group.d.ts +2 -0
- package/dist/packages/wje-radio-group/radio-group.element.d.ts +137 -0
- package/dist/packages/wje-rate/rate.d.ts +2 -0
- package/dist/packages/wje-rate/rate.element.d.ts +156 -0
- package/dist/packages/wje-relative-time/relative-time.d.ts +2 -0
- package/dist/packages/wje-relative-time/relative-time.element.d.ts +55 -0
- package/dist/packages/wje-relative-time/relative-time.test.d.ts +1 -0
- package/dist/packages/wje-reorder/reorder.d.ts +2 -0
- package/dist/packages/wje-reorder/reorder.element.d.ts +119 -0
- package/dist/packages/wje-reorder-dropzone/reorder-dropzone.d.ts +2 -0
- package/dist/packages/wje-reorder-dropzone/reorder-dropzone.element.d.ts +23 -0
- package/dist/packages/wje-reorder-handle/reorder-handle.d.ts +2 -0
- package/dist/packages/wje-reorder-handle/reorder-handle.element.d.ts +75 -0
- package/dist/packages/wje-reorder-item/reorder-item.d.ts +2 -0
- package/dist/packages/wje-reorder-item/reorder-item.element.d.ts +24 -0
- package/dist/packages/wje-route/route.d.ts +2 -0
- package/dist/packages/wje-route/route.element.d.ts +22 -0
- package/dist/packages/wje-router/router.d.ts +2 -0
- package/dist/packages/wje-router/router.element.d.ts +39 -0
- package/dist/packages/wje-router-link/router-link.d.ts +2 -0
- package/dist/packages/wje-router-link/router-link.element.d.ts +31 -0
- package/dist/packages/wje-router-outlet/router-outlet.d.ts +2 -0
- package/dist/packages/wje-router-outlet/router-outlet.element.d.ts +15 -0
- package/dist/packages/wje-row/row.d.ts +2 -0
- package/dist/packages/wje-row/row.element.d.ts +23 -0
- package/dist/packages/wje-select/select.d.ts +2 -0
- package/dist/packages/wje-select/select.element.d.ts +315 -0
- package/dist/packages/wje-slider/slider.d.ts +2 -0
- package/dist/packages/wje-slider/slider.element.d.ts +103 -0
- package/dist/packages/wje-split-view/service/service.d.ts +1 -0
- package/dist/packages/wje-split-view/split-view.d.ts +2 -0
- package/dist/packages/wje-split-view/split-view.element.d.ts +66 -0
- package/dist/packages/wje-status/status.d.ts +2 -0
- package/dist/packages/wje-status/status.element.d.ts +26 -0
- package/dist/packages/wje-step/step.d.ts +2 -0
- package/dist/packages/wje-step/step.element.d.ts +23 -0
- package/dist/packages/wje-stepper/stepper.d.ts +2 -0
- package/dist/packages/wje-stepper/stepper.element.d.ts +78 -0
- package/dist/packages/wje-store/default-store-actions.d.ts +25 -0
- package/dist/packages/wje-store/pubsub.d.ts +21 -0
- package/dist/packages/wje-store/store.d.ts +153 -0
- package/dist/packages/wje-tab/tab.d.ts +2 -0
- package/dist/packages/wje-tab/tab.element.d.ts +41 -0
- package/dist/packages/wje-tab-group/tab-group.d.ts +2 -0
- package/dist/packages/wje-tab-group/tab-group.element.d.ts +67 -0
- package/dist/packages/wje-tab-panel/tab-panel.d.ts +2 -0
- package/dist/packages/wje-tab-panel/tab-panel.element.d.ts +23 -0
- package/dist/packages/wje-textarea/textarea.d.ts +2 -0
- package/dist/packages/wje-textarea/textarea.element.d.ts +176 -0
- package/dist/packages/wje-thumbnail/thumbnail.d.ts +2 -0
- package/dist/packages/wje-thumbnail/thumbnail.element.d.ts +31 -0
- package/dist/packages/wje-timeline/timeline.d.ts +2 -0
- package/dist/packages/wje-timeline/timeline.element.d.ts +25 -0
- package/dist/packages/wje-timeline-item/timeline-item.d.ts +2 -0
- package/dist/packages/wje-timeline-item/timeline-item.element.d.ts +27 -0
- package/dist/packages/wje-toast/toast.d.ts +2 -0
- package/dist/packages/wje-toast/toast.element.d.ts +173 -0
- package/dist/packages/wje-toast/toast.test.d.ts +1 -0
- package/dist/packages/wje-toggle/toggle.d.ts +2 -0
- package/dist/packages/wje-toggle/toggle.element.d.ts +65 -0
- package/dist/packages/wje-toolbar/toolbar.d.ts +2 -0
- package/dist/packages/wje-toolbar/toolbar.element.d.ts +39 -0
- package/dist/packages/wje-toolbar-action/toolbar-action.d.ts +2 -0
- package/dist/packages/wje-toolbar-action/toolbar-action.element.d.ts +35 -0
- package/dist/packages/wje-tooltip/tooltip.d.ts +2 -0
- package/dist/packages/wje-tooltip/tooltip.element.d.ts +71 -0
- package/dist/packages/wje-tree/tree.d.ts +2 -0
- package/dist/packages/wje-tree/tree.element.d.ts +48 -0
- package/dist/packages/wje-tree-item/tree-item.d.ts +2 -0
- package/dist/packages/wje-tree-item/tree-item.element.d.ts +48 -0
- package/dist/packages/wje-visually-hidden/visually-hidden.d.ts +2 -0
- package/dist/packages/wje-visually-hidden/visually-hidden.element.d.ts +29 -0
- package/dist/popup.element-tyYxow0p.js +1623 -0
- package/dist/popup.element-tyYxow0p.js.map +1 -0
- package/dist/router-links-CJnOdbas.js +150 -0
- package/dist/router-links-CJnOdbas.js.map +1 -0
- package/dist/styles.css +849 -0
- package/dist/wje-accordion-item.js +113 -0
- package/dist/wje-accordion-item.js.map +1 -0
- package/dist/wje-accordion.js +122 -0
- package/dist/wje-accordion.js.map +1 -0
- package/dist/wje-animation.js +4324 -0
- package/dist/wje-animation.js.map +1 -0
- package/dist/wje-aside.js +55 -0
- package/dist/wje-aside.js.map +1 -0
- package/dist/wje-avatar.js +90 -0
- package/dist/wje-avatar.js.map +1 -0
- package/dist/wje-badge.js +71 -0
- package/dist/wje-badge.js.map +1 -0
- package/dist/wje-breadcrumb.js +195 -0
- package/dist/wje-breadcrumb.js.map +1 -0
- package/dist/wje-breadcrumbs.js +140 -0
- package/dist/wje-breadcrumbs.js.map +1 -0
- package/dist/wje-button-group.js +85 -0
- package/dist/wje-button-group.js.map +1 -0
- package/dist/wje-button.js +352 -0
- package/dist/wje-button.js.map +1 -0
- package/dist/wje-card-content.js +48 -0
- package/dist/wje-card-content.js.map +1 -0
- package/dist/wje-card-controls.js +48 -0
- package/dist/wje-card-controls.js.map +1 -0
- package/dist/wje-card-header.js +48 -0
- package/dist/wje-card-header.js.map +1 -0
- package/dist/wje-card-subtitle.js +55 -0
- package/dist/wje-card-subtitle.js.map +1 -0
- package/dist/wje-card-title.js +55 -0
- package/dist/wje-card-title.js.map +1 -0
- package/dist/wje-card.js +56 -0
- package/dist/wje-card.js.map +1 -0
- package/dist/wje-carousel-item.js +63 -0
- package/dist/wje-carousel-item.js.map +1 -0
- package/dist/wje-carousel.js +380 -0
- package/dist/wje-carousel.js.map +1 -0
- package/dist/wje-checkbox.js +540 -0
- package/dist/wje-checkbox.js.map +1 -0
- package/dist/wje-chip.js +76 -0
- package/dist/wje-chip.js.map +1 -0
- package/dist/wje-col.js +38 -0
- package/dist/wje-col.js.map +1 -0
- package/dist/wje-color-picker.js +1339 -0
- package/dist/wje-color-picker.js.map +1 -0
- package/dist/wje-container.js +56 -0
- package/dist/wje-container.js.map +1 -0
- package/dist/wje-copy-button.js +218 -0
- package/dist/wje-copy-button.js.map +1 -0
- package/dist/wje-dialog.js +249 -0
- package/dist/wje-dialog.js.map +1 -0
- package/dist/wje-divider.js +55 -0
- package/dist/wje-divider.js.map +1 -0
- package/dist/wje-dropdown.js +194 -0
- package/dist/wje-dropdown.js.map +1 -0
- package/dist/wje-element.js +967 -0
- package/dist/wje-element.js.map +1 -0
- package/dist/wje-fetchAndParseCSS.js +60 -0
- package/dist/wje-fetchAndParseCSS.js.map +1 -0
- package/dist/wje-file-upload-item.js +140 -0
- package/dist/wje-file-upload-item.js.map +1 -0
- package/dist/wje-file-upload.js +552 -0
- package/dist/wje-file-upload.js.map +1 -0
- package/dist/wje-footer.js +52 -0
- package/dist/wje-footer.js.map +1 -0
- package/dist/wje-form.js +53 -0
- package/dist/wje-form.js.map +1 -0
- package/dist/wje-format-digital.js +146 -0
- package/dist/wje-format-digital.js.map +1 -0
- package/dist/wje-grid.js +54 -0
- package/dist/wje-grid.js.map +1 -0
- package/dist/wje-header.js +56 -0
- package/dist/wje-header.js.map +1 -0
- package/dist/wje-icon-picker.js +349 -0
- package/dist/wje-icon-picker.js.map +1 -0
- package/dist/wje-icon.js +191 -0
- package/dist/wje-icon.js.map +1 -0
- package/dist/wje-img-comparer.js +131 -0
- package/dist/wje-img-comparer.js.map +1 -0
- package/dist/wje-img.js +80 -0
- package/dist/wje-img.js.map +1 -0
- package/dist/wje-infinite-scroll.js +6 -0
- package/dist/wje-infinite-scroll.js.map +1 -0
- package/dist/wje-input-file.js +111 -0
- package/dist/wje-input-file.js.map +1 -0
- package/dist/wje-input.js +452 -0
- package/dist/wje-input.js.map +1 -0
- package/dist/wje-item.js +88 -0
- package/dist/wje-item.js.map +1 -0
- package/dist/wje-kanban.js +462 -0
- package/dist/wje-kanban.js.map +1 -0
- package/dist/wje-label.js +53 -0
- package/dist/wje-label.js.map +1 -0
- package/dist/wje-list.js +6 -0
- package/dist/wje-list.js.map +1 -0
- package/dist/wje-main.js +52 -0
- package/dist/wje-main.js.map +1 -0
- package/dist/wje-masonry.js +267 -0
- package/dist/wje-masonry.js.map +1 -0
- package/dist/wje-master.js +622 -0
- package/dist/wje-master.js.map +1 -0
- package/dist/wje-menu-button.js +60 -0
- package/dist/wje-menu-button.js.map +1 -0
- package/dist/wje-menu-item.js +545 -0
- package/dist/wje-menu-item.js.map +1 -0
- package/dist/wje-menu-label.js +55 -0
- package/dist/wje-menu-label.js.map +1 -0
- package/dist/wje-menu.js +72 -0
- package/dist/wje-menu.js.map +1 -0
- package/dist/wje-option.js +112 -0
- package/dist/wje-option.js.map +1 -0
- package/dist/wje-options.js +355 -0
- package/dist/wje-options.js.map +1 -0
- package/dist/wje-orgchart-group.js +72 -0
- package/dist/wje-orgchart-group.js.map +1 -0
- package/dist/wje-orgchart-item.js +98 -0
- package/dist/wje-orgchart-item.js.map +1 -0
- package/dist/wje-orgchart.js +49 -0
- package/dist/wje-orgchart.js.map +1 -0
- package/dist/wje-popup.js +6 -0
- package/dist/wje-popup.js.map +1 -0
- package/dist/wje-progress-bar.js +213 -0
- package/dist/wje-progress-bar.js.map +1 -0
- package/dist/wje-qr-code.js +2892 -0
- package/dist/wje-qr-code.js.map +1 -0
- package/dist/wje-radio-group.js +228 -0
- package/dist/wje-radio-group.js.map +1 -0
- package/dist/wje-radio.js +106 -0
- package/dist/wje-radio.js.map +1 -0
- package/dist/wje-rate.js +300 -0
- package/dist/wje-rate.js.map +1 -0
- package/dist/wje-relative-time.js +115 -0
- package/dist/wje-relative-time.js.map +1 -0
- package/dist/wje-reorder-dropzone.js +49 -0
- package/dist/wje-reorder-dropzone.js.map +1 -0
- package/dist/wje-reorder-handle.js +218 -0
- package/dist/wje-reorder-handle.js.map +1 -0
- package/dist/wje-reorder-item.js +61 -0
- package/dist/wje-reorder-item.js.map +1 -0
- package/dist/wje-reorder.js +281 -0
- package/dist/wje-reorder.js.map +1 -0
- package/dist/wje-route.js +43 -0
- package/dist/wje-route.js.map +1 -0
- package/dist/wje-router-link.js +64 -0
- package/dist/wje-router-link.js.map +1 -0
- package/dist/wje-router-outlet.js +192 -0
- package/dist/wje-router-outlet.js.map +1 -0
- package/dist/wje-routerx.js +1437 -0
- package/dist/wje-routerx.js.map +1 -0
- package/dist/wje-row.js +49 -0
- package/dist/wje-row.js.map +1 -0
- package/dist/wje-select.js +630 -0
- package/dist/wje-select.js.map +1 -0
- package/dist/wje-slider.js +221 -0
- package/dist/wje-slider.js.map +1 -0
- package/dist/wje-sliding-container.js +474 -0
- package/dist/wje-sliding-container.js.map +1 -0
- package/dist/wje-split-view.js +153 -0
- package/dist/wje-split-view.js.map +1 -0
- package/dist/wje-status.js +61 -0
- package/dist/wje-status.js.map +1 -0
- package/dist/wje-step.js +50 -0
- package/dist/wje-step.js.map +1 -0
- package/dist/wje-stepper.js +231 -0
- package/dist/wje-stepper.js.map +1 -0
- package/dist/wje-store.js +401 -0
- package/dist/wje-store.js.map +1 -0
- package/dist/wje-tab-group.js +137 -0
- package/dist/wje-tab-group.js.map +1 -0
- package/dist/wje-tab-panel.js +46 -0
- package/dist/wje-tab-panel.js.map +1 -0
- package/dist/wje-tab.js +59 -0
- package/dist/wje-tab.js.map +1 -0
- package/dist/wje-textarea.js +376 -0
- package/dist/wje-textarea.js.map +1 -0
- package/dist/wje-thumbnail.js +54 -0
- package/dist/wje-thumbnail.js.map +1 -0
- package/dist/wje-toast.js +334 -0
- package/dist/wje-toast.js.map +1 -0
- package/dist/wje-toggle.js +125 -0
- package/dist/wje-toggle.js.map +1 -0
- package/dist/wje-toolbar-action.js +72 -0
- package/dist/wje-toolbar-action.js.map +1 -0
- package/dist/wje-toolbar.js +63 -0
- package/dist/wje-toolbar.js.map +1 -0
- package/dist/wje-tooltip.js +166 -0
- package/dist/wje-tooltip.js.map +1 -0
- package/dist/wje-visually-hidden.js +55 -0
- package/dist/wje-visually-hidden.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,622 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
+
import { b } from "./router-links-CJnOdbas.js";
|
|
5
|
+
import { default as default2 } from "./wje-sliding-container.js";
|
|
6
|
+
import { fetchAndParseCSS } from "./wje-fetchAndParseCSS.js";
|
|
7
|
+
import WJElement from "./wje-element.js";
|
|
8
|
+
import { WjePermissionsApi, event } from "./wje-element.js";
|
|
9
|
+
import { Localizer } from "./localize.js";
|
|
10
|
+
import { default as default3 } from "./wje-accordion.js";
|
|
11
|
+
import { default as default4 } from "./wje-accordion-item.js";
|
|
12
|
+
import { default as default5 } from "./wje-animation.js";
|
|
13
|
+
import { default as default6 } from "./wje-aside.js";
|
|
14
|
+
import { default as default7 } from "./wje-avatar.js";
|
|
15
|
+
import { default as default8 } from "./wje-badge.js";
|
|
16
|
+
import { default as default9 } from "./wje-breadcrumb.js";
|
|
17
|
+
import { default as default10 } from "./wje-breadcrumbs.js";
|
|
18
|
+
import { default as default11 } from "./wje-button.js";
|
|
19
|
+
import { default as default12 } from "./wje-button-group.js";
|
|
20
|
+
import { default as default13 } from "./wje-card.js";
|
|
21
|
+
import { default as default14 } from "./wje-card-content.js";
|
|
22
|
+
import { default as default15 } from "./wje-card-controls.js";
|
|
23
|
+
import { default as default16 } from "./wje-card-header.js";
|
|
24
|
+
import { default as default17 } from "./wje-card-subtitle.js";
|
|
25
|
+
import { default as default18 } from "./wje-card-title.js";
|
|
26
|
+
import { default as default19 } from "./wje-carousel.js";
|
|
27
|
+
import { default as default20 } from "./wje-carousel-item.js";
|
|
28
|
+
import { default as default21 } from "./wje-checkbox.js";
|
|
29
|
+
import { default as default22 } from "./wje-chip.js";
|
|
30
|
+
import { default as default23 } from "./wje-col.js";
|
|
31
|
+
import { default as default24 } from "./wje-color-picker.js";
|
|
32
|
+
import { default as default25 } from "./wje-container.js";
|
|
33
|
+
import { default as default26 } from "./wje-copy-button.js";
|
|
34
|
+
import { default as default27 } from "./wje-dialog.js";
|
|
35
|
+
import { default as default28 } from "./wje-divider.js";
|
|
36
|
+
import { default as default29 } from "./wje-dropdown.js";
|
|
37
|
+
import { default as default30 } from "./wje-file-upload.js";
|
|
38
|
+
import { default as default31 } from "./wje-file-upload-item.js";
|
|
39
|
+
import { default as default32 } from "./wje-footer.js";
|
|
40
|
+
import { default as default33 } from "./wje-format-digital.js";
|
|
41
|
+
import { default as default34 } from "./wje-grid.js";
|
|
42
|
+
import { default as default35 } from "./wje-header.js";
|
|
43
|
+
import { default as default36 } from "./wje-icon.js";
|
|
44
|
+
import { default as default37 } from "./wje-icon-picker.js";
|
|
45
|
+
import { default as default38 } from "./wje-img.js";
|
|
46
|
+
import { default as default39 } from "./wje-img-comparer.js";
|
|
47
|
+
import "./wje-infinite-scroll.js";
|
|
48
|
+
import { default as default40 } from "./wje-input.js";
|
|
49
|
+
import { default as default41 } from "./wje-input-file.js";
|
|
50
|
+
import { default as default42 } from "./wje-item.js";
|
|
51
|
+
import { default as default43 } from "./wje-kanban.js";
|
|
52
|
+
import { default as default44 } from "./wje-label.js";
|
|
53
|
+
import "./wje-list.js";
|
|
54
|
+
import { default as default45 } from "./wje-main.js";
|
|
55
|
+
import { default as default46 } from "./wje-masonry.js";
|
|
56
|
+
import { default as default47 } from "./wje-menu.js";
|
|
57
|
+
import { default as default48 } from "./wje-menu-button.js";
|
|
58
|
+
import { default as default49 } from "./wje-menu-item.js";
|
|
59
|
+
import { default as default50 } from "./wje-menu-label.js";
|
|
60
|
+
import { default as default51 } from "./wje-option.js";
|
|
61
|
+
import { default as default52 } from "./wje-options.js";
|
|
62
|
+
import { default as default53 } from "./wje-orgchart.js";
|
|
63
|
+
import { default as default54 } from "./wje-orgchart-group.js";
|
|
64
|
+
import { default as default55 } from "./wje-orgchart-item.js";
|
|
65
|
+
import "./wje-popup.js";
|
|
66
|
+
import { default as default56 } from "./wje-progress-bar.js";
|
|
67
|
+
import { default as default57 } from "./wje-qr-code.js";
|
|
68
|
+
import { default as default58 } from "./wje-radio.js";
|
|
69
|
+
import { default as default59 } from "./wje-radio-group.js";
|
|
70
|
+
import { default as default60 } from "./wje-rate.js";
|
|
71
|
+
import { default as default61 } from "./wje-relative-time.js";
|
|
72
|
+
import { default as default62 } from "./wje-reorder.js";
|
|
73
|
+
import { default as default63 } from "./wje-reorder-dropzone.js";
|
|
74
|
+
import { default as default64 } from "./wje-reorder-handle.js";
|
|
75
|
+
import { default as default65 } from "./wje-reorder-item.js";
|
|
76
|
+
import { default as default66 } from "./wje-route.js";
|
|
77
|
+
import { default as default67 } from "./wje-routerx.js";
|
|
78
|
+
import { default as default68 } from "./wje-router-link.js";
|
|
79
|
+
import { default as default69 } from "./wje-router-outlet.js";
|
|
80
|
+
import { default as default70 } from "./wje-row.js";
|
|
81
|
+
import { default as default71 } from "./wje-select.js";
|
|
82
|
+
import { default as default72 } from "./wje-slider.js";
|
|
83
|
+
import { default as default73 } from "./wje-split-view.js";
|
|
84
|
+
import { default as default74 } from "./wje-status.js";
|
|
85
|
+
import { default as default75 } from "./wje-step.js";
|
|
86
|
+
import { default as default76 } from "./wje-stepper.js";
|
|
87
|
+
import { defaultStoreActions, store } from "./wje-store.js";
|
|
88
|
+
import { default as default77 } from "./wje-tab.js";
|
|
89
|
+
import { default as default78 } from "./wje-tab-group.js";
|
|
90
|
+
import { default as default79 } from "./wje-tab-panel.js";
|
|
91
|
+
import { default as default80 } from "./wje-textarea.js";
|
|
92
|
+
import { default as default81 } from "./wje-thumbnail.js";
|
|
93
|
+
import { default as default82 } from "./wje-toast.js";
|
|
94
|
+
import { default as default83 } from "./wje-toggle.js";
|
|
95
|
+
import { default as default84 } from "./wje-toolbar.js";
|
|
96
|
+
import { default as default85 } from "./wje-toolbar-action.js";
|
|
97
|
+
import { default as default86 } from "./wje-tooltip.js";
|
|
98
|
+
import { default as default87 } from "./wje-visually-hidden.js";
|
|
99
|
+
import { I } from "./infinite-scroll.element-XVJukzjy.js";
|
|
100
|
+
import { L } from "./list.element-Ce1vIm1O.js";
|
|
101
|
+
import { P } from "./popup.element-tyYxow0p.js";
|
|
102
|
+
function formatDate(input, format) {
|
|
103
|
+
let date;
|
|
104
|
+
if (typeof input === "string") {
|
|
105
|
+
date = new Date(input);
|
|
106
|
+
} else if (typeof input === "number") {
|
|
107
|
+
date = new Date(input);
|
|
108
|
+
} else if (input instanceof Date) {
|
|
109
|
+
date = input;
|
|
110
|
+
} else {
|
|
111
|
+
throw new Error("Invalid date input");
|
|
112
|
+
}
|
|
113
|
+
const map = {
|
|
114
|
+
yyyy: date.getFullYear(),
|
|
115
|
+
MM: String(date.getMonth() + 1).padStart(2, "0"),
|
|
116
|
+
// Mesiace sú indexované od 0
|
|
117
|
+
dd: String(date.getDate()).padStart(2, "0"),
|
|
118
|
+
HH: String(date.getHours()).padStart(2, "0"),
|
|
119
|
+
mm: String(date.getMinutes()).padStart(2, "0"),
|
|
120
|
+
ss: String(date.getSeconds()).padStart(2, "0"),
|
|
121
|
+
MMMM: date.toLocaleString("en-US", { month: "long" }),
|
|
122
|
+
// Full month name
|
|
123
|
+
MMM: date.toLocaleString("en-US", { month: "short" })
|
|
124
|
+
// Short month name
|
|
125
|
+
};
|
|
126
|
+
return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);
|
|
127
|
+
}
|
|
128
|
+
const skSk = {
|
|
129
|
+
code: "sk-sk",
|
|
130
|
+
name: "Slovak",
|
|
131
|
+
dir: "ltr",
|
|
132
|
+
welcome: "Vitajte",
|
|
133
|
+
"wj.file.upload.button": "Vybrať súbor",
|
|
134
|
+
"wj.file.upload.uploaded": "Nahraných: ",
|
|
135
|
+
"wj.file.upload.from": "z",
|
|
136
|
+
"wj.stepper.button.next": "Ďalej",
|
|
137
|
+
"wj.stepper.button.finish": "Dokončiť",
|
|
138
|
+
"wj.stepper.button.previous": "Späť",
|
|
139
|
+
"wj.stepper.step": "Krok"
|
|
140
|
+
};
|
|
141
|
+
Localizer.registerTranslation(skSk);
|
|
142
|
+
const enGb = {
|
|
143
|
+
code: "en-gb",
|
|
144
|
+
name: "English",
|
|
145
|
+
dir: "ltr",
|
|
146
|
+
welcome: "Welcome",
|
|
147
|
+
"wj.file.upload.button": "Browse files",
|
|
148
|
+
"wj.file.upload.uploaded": "Uploaded: ",
|
|
149
|
+
"wj.file.upload.from": "from",
|
|
150
|
+
"wj.stepper.button.next": "Next",
|
|
151
|
+
"wj.stepper.button.finish": "Finish",
|
|
152
|
+
"wj.stepper.button.previous": "Previous",
|
|
153
|
+
"wj.stepper.step": "Step"
|
|
154
|
+
};
|
|
155
|
+
Localizer.registerTranslation(enGb);
|
|
156
|
+
const styles$3 = ".native-timeline {\n position: relative;\n}\n\n.vertical-line {\n position: absolute;\n margin-left: calc(var(--wje-spacing-x-large) + 1px);\n top: 0;\n bottom: 0;\n width: 1px;\n background-color: var(--wje-color-info-3);\n}\n";
|
|
157
|
+
class Timeline extends WJElement {
|
|
158
|
+
/**
|
|
159
|
+
* Creates an instance of Timeline.
|
|
160
|
+
*/
|
|
161
|
+
constructor() {
|
|
162
|
+
super();
|
|
163
|
+
/**
|
|
164
|
+
* The class name for the component.
|
|
165
|
+
*/
|
|
166
|
+
__publicField(this, "className", "Timeline");
|
|
167
|
+
}
|
|
168
|
+
/**
|
|
169
|
+
* Returns the CSS stylesheet for the component.
|
|
170
|
+
* @static
|
|
171
|
+
* @returns {CSSStyleSheet} The CSS stylesheet
|
|
172
|
+
*/
|
|
173
|
+
static get cssStyleSheet() {
|
|
174
|
+
return styles$3;
|
|
175
|
+
}
|
|
176
|
+
/**
|
|
177
|
+
* Sets up the attributes for the component.
|
|
178
|
+
*/
|
|
179
|
+
setupAttributes() {
|
|
180
|
+
this.isShadowRoot = "open";
|
|
181
|
+
}
|
|
182
|
+
/**
|
|
183
|
+
* Draws the component for the timeline.
|
|
184
|
+
* @returns {DocumentFragment}
|
|
185
|
+
*/
|
|
186
|
+
draw() {
|
|
187
|
+
let fragment = document.createDocumentFragment();
|
|
188
|
+
const native = document.createElement("div");
|
|
189
|
+
native.setAttribute("part", "native");
|
|
190
|
+
native.classList.add("native-timeline");
|
|
191
|
+
const verticalLine = document.createElement("div");
|
|
192
|
+
verticalLine.setAttribute("part", "vertical-line");
|
|
193
|
+
verticalLine.classList.add("vertical-line");
|
|
194
|
+
const slot = document.createElement("slot");
|
|
195
|
+
native.appendChild(verticalLine);
|
|
196
|
+
native.appendChild(slot);
|
|
197
|
+
fragment.appendChild(native);
|
|
198
|
+
return fragment;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
Timeline.define("wje-timeline", Timeline);
|
|
202
|
+
const styles$2 = ":host {\n --wje-card-content-padding: var(--wje-spacing-medium);\n margin-bottom: 0.5rem;\n display: block;\n}\n\n.native-timeline-item > wje-icon {\n color: var(--wje-color-contrast-5) !important;\n}\n\n.timeline-items {\n display: flex;\n flex-direction: column;\n}\n\n.native-timeline-item {\n display: flex;\n position: relative;\n padding: var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);\n gap: var(--wje-spacing-medium);\n border-width: 1px;\n border-style: solid;\n border-color: transparent;\n border-radius: var(--wje-border-radius-large);\n}\n\n:host .native-timeline-item:hover {\n background-color: var(--wje-color-contrast-1);\n border-color: var(--wje-color-contrast-3);\n}\n\n:host([active]) .native-timeline-item {\n background-color: var(--wje-color-primary-1);\n border-color: var(--wje-color-primary-3);\n}\n\n:host([active]) .native-timeline-item:hover {\n background-color: var(--wje-color-primary-2);\n}\n\n.icon-container {\n position: absolute;\n display: flex;\n width: var(--wje-size-small);\n height: var(--wje-size-small);\n padding: var(--wje-spacing-2x-small);\n border-radius: var(--wje-border-radius-circle);\n opacity: 0;\n}\n\n.content-container {\n height: fit-content;\n gap: var(--wje-spacing-small);\n}\n\n.event {\n margin: 0;\n font-size: var(--wje-font-size-large);\n font-weight: var(--wje-font-weight-bold);\n line-height: var(--wje-line-height-dense);\n letter-spacing: var(--wje-spacing-4x-small);\n}\n\n.additional-content {\n font-size: var(--wje-font-size-medium);\n margin-top: 1rem;\n}\n\nwje-status {\n position: relative;\n z-index: 1;\n}\n\nwje-relative-time {\n display: block;\n margin-bottom: var(--wje-spacing-2x-small);\n}\n";
|
|
203
|
+
class TimelineItem extends WJElement {
|
|
204
|
+
constructor() {
|
|
205
|
+
super();
|
|
206
|
+
/**
|
|
207
|
+
* Returns the class name of the tab.
|
|
208
|
+
* @returns {string} The class name of the tab.
|
|
209
|
+
*/
|
|
210
|
+
__publicField(this, "className", "TimelineItem");
|
|
211
|
+
}
|
|
212
|
+
/**
|
|
213
|
+
* Returns the CSS styles for the component.
|
|
214
|
+
* @static
|
|
215
|
+
* @returns {CSSStyleSheet}
|
|
216
|
+
*/
|
|
217
|
+
static get cssStyleSheet() {
|
|
218
|
+
return styles$2;
|
|
219
|
+
}
|
|
220
|
+
/**
|
|
221
|
+
* Sets up the attributes for the component.
|
|
222
|
+
*/
|
|
223
|
+
setupAttributes() {
|
|
224
|
+
this.isShadowRoot = "open";
|
|
225
|
+
this.setAttribute("relative-time", "");
|
|
226
|
+
}
|
|
227
|
+
/**
|
|
228
|
+
* Draws the component for the timeline item.
|
|
229
|
+
* @returns {DocumentFragment}
|
|
230
|
+
*/
|
|
231
|
+
draw() {
|
|
232
|
+
let fragment = document.createDocumentFragment();
|
|
233
|
+
let native = document.createElement("div");
|
|
234
|
+
native.setAttribute("part", "native");
|
|
235
|
+
native.classList.add("native-timeline-item");
|
|
236
|
+
let contentContainer = document.createElement("div");
|
|
237
|
+
contentContainer.setAttribute("part", "content-container");
|
|
238
|
+
contentContainer.classList.add("content-container");
|
|
239
|
+
let tooltip = document.createElement("wje-tooltip");
|
|
240
|
+
tooltip.setAttribute("text", this.getAttribute("tooltip") || "");
|
|
241
|
+
tooltip.setAttribute("position", "top");
|
|
242
|
+
tooltip.setAttribute("content", formatDate(this.datetime, "dd.MM.yyyy HH:mm"));
|
|
243
|
+
let relativeTime = document.createElement("wje-relative-time");
|
|
244
|
+
relativeTime.setAttribute("date", this.datetime || "");
|
|
245
|
+
relativeTime.setAttribute("format", this.getAttribute("format") || "");
|
|
246
|
+
tooltip.appendChild(relativeTime);
|
|
247
|
+
let event2 = document.createElement("h3");
|
|
248
|
+
event2.classList.add("event");
|
|
249
|
+
event2.textContent = this.getAttribute("event") || "";
|
|
250
|
+
let slot = document.createElement("slot");
|
|
251
|
+
let slotStatus = document.createElement("wje-icon");
|
|
252
|
+
slotStatus.setAttribute("name", "circle-dot");
|
|
253
|
+
slotStatus.setAttribute("filled", "");
|
|
254
|
+
slotStatus.setAttribute("part", "default-icon");
|
|
255
|
+
if (this.querySelector('[slot="status"]')) {
|
|
256
|
+
slotStatus = document.createElement("slot");
|
|
257
|
+
slotStatus.setAttribute("name", "status");
|
|
258
|
+
}
|
|
259
|
+
contentContainer.appendChild(tooltip);
|
|
260
|
+
contentContainer.appendChild(event2);
|
|
261
|
+
contentContainer.appendChild(slot);
|
|
262
|
+
native.appendChild(slotStatus);
|
|
263
|
+
native.appendChild(contentContainer);
|
|
264
|
+
fragment.appendChild(native);
|
|
265
|
+
return fragment;
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
TimelineItem.define("wje-timeline-item", TimelineItem);
|
|
269
|
+
const styles$1 = "/*\n[ WJ Tree ]\n*/\n\n:host {\n position: relative;\n --indent: var(--wje-spacing-large);\n}\n";
|
|
270
|
+
class Tree extends WJElement {
|
|
271
|
+
/**
|
|
272
|
+
* Creates an instance of Toast.
|
|
273
|
+
*/
|
|
274
|
+
constructor() {
|
|
275
|
+
super();
|
|
276
|
+
/**
|
|
277
|
+
* The class name for the component.
|
|
278
|
+
* @type {string}
|
|
279
|
+
*/
|
|
280
|
+
__publicField(this, "className", "Tree");
|
|
281
|
+
/**
|
|
282
|
+
* Handles the click event triggered by the user interaction.
|
|
283
|
+
* Identifies the closest tree item element to the event target and sets it
|
|
284
|
+
* as the selected item. Ensures that only one item is selected at a time, resetting
|
|
285
|
+
* the selection state for all other items.
|
|
286
|
+
* @param {Event} e The click event object.
|
|
287
|
+
*/
|
|
288
|
+
__publicField(this, "handleClick", (e) => {
|
|
289
|
+
let selectedItem = e.target.closest("wje-tree-item");
|
|
290
|
+
console.log("HANDLE CLICK", this.selection);
|
|
291
|
+
if (this.selection === "single") {
|
|
292
|
+
if (selectedItem) {
|
|
293
|
+
for (let item of this.getAllItems()) {
|
|
294
|
+
item.selected = item === selectedItem;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
} else if (this.selection === "multiple") {
|
|
298
|
+
let childrens = selectedItem.getChildrenItems();
|
|
299
|
+
selectedItem.selected = !selectedItem.selected;
|
|
300
|
+
for (let item of childrens) {
|
|
301
|
+
item.selected = !item.selected;
|
|
302
|
+
}
|
|
303
|
+
console.log("multiple selection", childrens);
|
|
304
|
+
}
|
|
305
|
+
});
|
|
306
|
+
}
|
|
307
|
+
set selection(value) {
|
|
308
|
+
this.setAttribute("selection", value || "single");
|
|
309
|
+
}
|
|
310
|
+
get selection() {
|
|
311
|
+
return this.getAttribute("selection");
|
|
312
|
+
}
|
|
313
|
+
/**
|
|
314
|
+
* Returns the CSS stylesheet for the component.
|
|
315
|
+
* @static
|
|
316
|
+
* @returns {CSSStyleSheet} The CSS stylesheet
|
|
317
|
+
*/
|
|
318
|
+
static get cssStyleSheet() {
|
|
319
|
+
return styles$1;
|
|
320
|
+
}
|
|
321
|
+
/**
|
|
322
|
+
* Setup attributes for the Button element.
|
|
323
|
+
*/
|
|
324
|
+
setupAttributes() {
|
|
325
|
+
this.isShadowRoot = "open";
|
|
326
|
+
}
|
|
327
|
+
beforeDraw(context, appStoreObj, params) {
|
|
328
|
+
const items = this.querySelectorAll("wje-tree-item");
|
|
329
|
+
items == null ? void 0 : items.forEach((item) => {
|
|
330
|
+
item.selection = this.selection;
|
|
331
|
+
this.getExpandCollapseIcon(item, "expand");
|
|
332
|
+
this.getExpandCollapseIcon(item, "collapse");
|
|
333
|
+
});
|
|
334
|
+
}
|
|
335
|
+
/**
|
|
336
|
+
* Draw method for the toast notification.
|
|
337
|
+
* @returns {object} Document fragment
|
|
338
|
+
*/
|
|
339
|
+
draw() {
|
|
340
|
+
let fragment = document.createDocumentFragment();
|
|
341
|
+
let native = document.createElement("div");
|
|
342
|
+
native.setAttribute("part", "native");
|
|
343
|
+
native.classList.add("native-tree");
|
|
344
|
+
let slot = document.createElement("slot");
|
|
345
|
+
native.appendChild(slot);
|
|
346
|
+
fragment.appendChild(native);
|
|
347
|
+
return fragment;
|
|
348
|
+
}
|
|
349
|
+
/**
|
|
350
|
+
* Called after the draw process of the component is completed.
|
|
351
|
+
* Typically used to add event listeners or perform operations
|
|
352
|
+
* that are dependent on the component's drawn state.
|
|
353
|
+
* @returns {void} This method does not return a value.
|
|
354
|
+
*/
|
|
355
|
+
afterDraw() {
|
|
356
|
+
this.addEventListener("click", this.handleClick);
|
|
357
|
+
}
|
|
358
|
+
/**
|
|
359
|
+
* Retrieves all items that match the selector 'wje-tree-item' within the current context.
|
|
360
|
+
* @returns {Array<Element>} An array of all matching DOM elements.
|
|
361
|
+
*/
|
|
362
|
+
getAllItems() {
|
|
363
|
+
return [...this.querySelectorAll("wje-tree-item")];
|
|
364
|
+
}
|
|
365
|
+
/**
|
|
366
|
+
* Retrieves and appends an expand/collapse icon to a given item based on the provided status.
|
|
367
|
+
* @param {HTMLElement} item The DOM element to which the icon will be appended.
|
|
368
|
+
* @param {string} status The status indicating which icon to retrieve (e.g., "expand" or "collapse").
|
|
369
|
+
* @returns {void} This method does not return a value. If the icon matching the given status is not found, a warning is logged.
|
|
370
|
+
*/
|
|
371
|
+
getExpandCollapseIcon(item, status) {
|
|
372
|
+
let icon = this.querySelector(`[slot="${status}"]`);
|
|
373
|
+
if (!icon) {
|
|
374
|
+
console.warn(`Icon with slot "${status}" was not found.`);
|
|
375
|
+
return;
|
|
376
|
+
}
|
|
377
|
+
let iconClone = icon.cloneNode(true);
|
|
378
|
+
item.appendChild(iconClone);
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
Tree.define("wje-tree", Tree);
|
|
382
|
+
const styles = '/*\n[ WJ Tree Item ]\n*/\n\n:host {\n .native-tree-item {\n position: relative;\n display: flex;\n align-items: stretch;\n flex-direction: column;\n\n .item {\n display: flex;\n align-items: center;\n .toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n width: var(--wje-tree-item-indent);\n height: var(--wje-tree-item-indent);\n flex-shrink: 0;\n }\n wje-checkbox {\n margin: 0;\n }\n slot {\n display: flex;\n align-items: center;\n }\n slot:not([name])::slotted(wje-icon) {\n margin-right: var(--wje-spacing-2x-small);\n }\n }\n .children {\n margin-left: var(--wje-tree-item-indent);\n display: none;\n &.open {\n display: block;\n\n ::before {\n content: "";\n position: absolute;\n top: var(--wje-tree-item-indent);\n bottom: 5px;\n left: calc(var(--wje-tree-item-indent) / 2);\n border-inline-end: var(--wje-tree-item-indent-guid-width) solid var(--wje-border-color);\n z-index: 1;\n }\n }\n }\n }\n\n .native-tree-item.expanded .item slot[name="expand"], .native-tree-item:not(.expanded) slot[name="collapse"] {\n display: none;\n }\n\n}\n\n:host([selected]) {\n .item {\n color: red;\n }\n}\n';
|
|
383
|
+
class TreeItem extends WJElement {
|
|
384
|
+
/**
|
|
385
|
+
* Creates an instance of Toast.
|
|
386
|
+
*/
|
|
387
|
+
constructor() {
|
|
388
|
+
super();
|
|
389
|
+
/**
|
|
390
|
+
* The class name for the component.
|
|
391
|
+
* @type {string}
|
|
392
|
+
*/
|
|
393
|
+
__publicField(this, "className", "TreeItem");
|
|
394
|
+
this._selection = "single";
|
|
395
|
+
}
|
|
396
|
+
set selected(value) {
|
|
397
|
+
this.removeAttribute("selected");
|
|
398
|
+
if (value)
|
|
399
|
+
this.setAttribute("selected", "");
|
|
400
|
+
}
|
|
401
|
+
get selected() {
|
|
402
|
+
return this.hasAttribute("selected");
|
|
403
|
+
}
|
|
404
|
+
set selection(value) {
|
|
405
|
+
this._selection = value || "single";
|
|
406
|
+
}
|
|
407
|
+
get selection() {
|
|
408
|
+
return this._selection;
|
|
409
|
+
}
|
|
410
|
+
/**
|
|
411
|
+
* Returns the CSS stylesheet for the component.
|
|
412
|
+
* @static
|
|
413
|
+
* @returns {CSSStyleSheet} The CSS stylesheet
|
|
414
|
+
*/
|
|
415
|
+
static get cssStyleSheet() {
|
|
416
|
+
return styles;
|
|
417
|
+
}
|
|
418
|
+
/**
|
|
419
|
+
* Setup attributes for the Button element.
|
|
420
|
+
*/
|
|
421
|
+
setupAttributes() {
|
|
422
|
+
this.isShadowRoot = "open";
|
|
423
|
+
}
|
|
424
|
+
beforeDraw(context, appStoreObj, params) {
|
|
425
|
+
if (this.isNestedItem())
|
|
426
|
+
this.slot = "children";
|
|
427
|
+
}
|
|
428
|
+
/**
|
|
429
|
+
* Draw method for the toast notification.
|
|
430
|
+
* @returns {object} Document fragment
|
|
431
|
+
*/
|
|
432
|
+
draw() {
|
|
433
|
+
let fragment = document.createDocumentFragment();
|
|
434
|
+
let native = document.createElement("div");
|
|
435
|
+
native.setAttribute("part", "native");
|
|
436
|
+
native.classList.add("native-tree-item");
|
|
437
|
+
let item = document.createElement("div");
|
|
438
|
+
item.classList.add("item");
|
|
439
|
+
let indent = document.createElement("div");
|
|
440
|
+
indent.classList.add("indent");
|
|
441
|
+
let button = document.createElement("div");
|
|
442
|
+
button.classList.add("toggle");
|
|
443
|
+
let checkbox = document.createElement("wje-checkbox");
|
|
444
|
+
if (this.selected)
|
|
445
|
+
checkbox.setAttribute("checked", "");
|
|
446
|
+
let label = document.createElement("slot");
|
|
447
|
+
let children = document.createElement("div");
|
|
448
|
+
children.classList.add("children");
|
|
449
|
+
let slot = document.createElement("slot");
|
|
450
|
+
slot.setAttribute("name", "children");
|
|
451
|
+
children.appendChild(slot);
|
|
452
|
+
if (this.querySelectorAll(":scope > wje-tree-item").length > 0) {
|
|
453
|
+
if (this.querySelectorAll('[slot="expand"]').length < 1) {
|
|
454
|
+
let expandIcon = document.createElement("wje-icon");
|
|
455
|
+
expandIcon.setAttribute("name", "chevron-right");
|
|
456
|
+
expandIcon.setAttribute("slot", "expand");
|
|
457
|
+
this.appendChild(expandIcon);
|
|
458
|
+
}
|
|
459
|
+
if (this.querySelectorAll('[slot="collapse"]').length < 1) {
|
|
460
|
+
let collapseIcon = document.createElement("wje-icon");
|
|
461
|
+
collapseIcon.setAttribute("name", "chevron-down");
|
|
462
|
+
collapseIcon.setAttribute("slot", "collapse");
|
|
463
|
+
this.appendChild(collapseIcon);
|
|
464
|
+
}
|
|
465
|
+
let expandSlot = document.createElement("slot");
|
|
466
|
+
expandSlot.setAttribute("name", "expand");
|
|
467
|
+
let collapseSlot = document.createElement("slot");
|
|
468
|
+
collapseSlot.setAttribute("name", "collapse");
|
|
469
|
+
button.appendChild(expandSlot);
|
|
470
|
+
button.appendChild(collapseSlot);
|
|
471
|
+
}
|
|
472
|
+
item.appendChild(button);
|
|
473
|
+
if (this.selection === "multiple")
|
|
474
|
+
item.appendChild(checkbox);
|
|
475
|
+
item.appendChild(label);
|
|
476
|
+
native.appendChild(item);
|
|
477
|
+
native.appendChild(children);
|
|
478
|
+
fragment.appendChild(native);
|
|
479
|
+
this.checkbox = checkbox;
|
|
480
|
+
this.native = native;
|
|
481
|
+
this.button = button;
|
|
482
|
+
this.childrenElement = children;
|
|
483
|
+
this.childrenSlot = slot;
|
|
484
|
+
return fragment;
|
|
485
|
+
}
|
|
486
|
+
afterDraw() {
|
|
487
|
+
this.button.addEventListener("click", this.toggleChildren.bind(this));
|
|
488
|
+
this.checkbox.addEventListener("wje-toggle:change", (e) => {
|
|
489
|
+
console.log("CHECKBOX CHANGED", e);
|
|
490
|
+
this.selected = e.detail.checked;
|
|
491
|
+
});
|
|
492
|
+
}
|
|
493
|
+
isNestedItem() {
|
|
494
|
+
const parent = this.parentElement;
|
|
495
|
+
return !!parent && this.isTreeItem(parent);
|
|
496
|
+
}
|
|
497
|
+
isTreeItem(node) {
|
|
498
|
+
console.log(node, node instanceof Element, node.className === "TreeItem");
|
|
499
|
+
return node instanceof Element && node.className === "TreeItem";
|
|
500
|
+
}
|
|
501
|
+
toggleChildren() {
|
|
502
|
+
console.log("SOM TU 1");
|
|
503
|
+
this.childrenElement.classList.toggle("open");
|
|
504
|
+
this.native.classList.toggle("expanded");
|
|
505
|
+
console.log("SOM TU 2");
|
|
506
|
+
}
|
|
507
|
+
getChildrenItems(options = {}) {
|
|
508
|
+
const includeDisabled = options.includeDisabled ?? true;
|
|
509
|
+
if (!this.childrenSlot) {
|
|
510
|
+
return [];
|
|
511
|
+
}
|
|
512
|
+
return [...this.childrenSlot.assignedElements({ flatten: true })].filter((item) => item.tagName === "WJE-TREE-ITEM" && (includeDisabled || !item.disabled));
|
|
513
|
+
}
|
|
514
|
+
}
|
|
515
|
+
TreeItem.define("wje-tree-item", TreeItem);
|
|
516
|
+
export {
|
|
517
|
+
default3 as Accordion,
|
|
518
|
+
default4 as AccordionItem,
|
|
519
|
+
default5 as Animation,
|
|
520
|
+
default6 as Aside,
|
|
521
|
+
default7 as Avatar,
|
|
522
|
+
default8 as Badge,
|
|
523
|
+
default9 as Breadcrumb,
|
|
524
|
+
default10 as Breadcrumbs,
|
|
525
|
+
default11 as Button,
|
|
526
|
+
default12 as ButtonGroup,
|
|
527
|
+
default13 as Card,
|
|
528
|
+
default14 as CardContent,
|
|
529
|
+
default15 as CardControls,
|
|
530
|
+
default16 as CardHeader,
|
|
531
|
+
default17 as CardSubtitle,
|
|
532
|
+
default18 as CardTitle,
|
|
533
|
+
default19 as Carousel,
|
|
534
|
+
default20 as CarouselItem,
|
|
535
|
+
default21 as Checkbox,
|
|
536
|
+
default22 as Chip,
|
|
537
|
+
default23 as Col,
|
|
538
|
+
default24 as ColorPicker,
|
|
539
|
+
default25 as Container,
|
|
540
|
+
default26 as CopyButton,
|
|
541
|
+
default27 as Dialog,
|
|
542
|
+
default28 as Divider,
|
|
543
|
+
default29 as Dropdown,
|
|
544
|
+
default30 as FileUpload,
|
|
545
|
+
default31 as FileUploadItem,
|
|
546
|
+
default32 as Footer,
|
|
547
|
+
default33 as FormatDigital,
|
|
548
|
+
default34 as Grid,
|
|
549
|
+
default35 as Header,
|
|
550
|
+
default36 as Icon,
|
|
551
|
+
default37 as IconPicker,
|
|
552
|
+
default38 as Img,
|
|
553
|
+
default39 as ImgComparer,
|
|
554
|
+
I as InfiniteScroll,
|
|
555
|
+
default40 as Input,
|
|
556
|
+
default41 as InputFile,
|
|
557
|
+
default42 as Item,
|
|
558
|
+
default43 as Kanban,
|
|
559
|
+
default44 as Label,
|
|
560
|
+
L as List,
|
|
561
|
+
Localizer,
|
|
562
|
+
default45 as Main,
|
|
563
|
+
default46 as Masonry,
|
|
564
|
+
default47 as Menu,
|
|
565
|
+
default48 as MenuButton,
|
|
566
|
+
default49 as MenuItem,
|
|
567
|
+
default50 as MenuLabel,
|
|
568
|
+
default51 as Option,
|
|
569
|
+
default52 as Options,
|
|
570
|
+
default53 as Orgchart,
|
|
571
|
+
default54 as OrgchartGroup,
|
|
572
|
+
default55 as OrgchartItem,
|
|
573
|
+
P as Popup,
|
|
574
|
+
default56 as ProgressBar,
|
|
575
|
+
default57 as QrCode,
|
|
576
|
+
default58 as Radio,
|
|
577
|
+
default59 as RadioGroup,
|
|
578
|
+
default60 as Rate,
|
|
579
|
+
default61 as RelativeTime,
|
|
580
|
+
default62 as Reorder,
|
|
581
|
+
default63 as ReorderDropzone,
|
|
582
|
+
default64 as ReorderHandle,
|
|
583
|
+
default65 as ReorderItem,
|
|
584
|
+
default66 as Route,
|
|
585
|
+
default68 as RouterLink,
|
|
586
|
+
default69 as RouterOutlet,
|
|
587
|
+
default67 as Routerx,
|
|
588
|
+
default70 as Row,
|
|
589
|
+
default71 as Select,
|
|
590
|
+
default72 as Slider,
|
|
591
|
+
default2 as SlidingContainer,
|
|
592
|
+
default73 as SplitView,
|
|
593
|
+
default74 as Status,
|
|
594
|
+
default75 as Step,
|
|
595
|
+
default76 as Stepper,
|
|
596
|
+
default77 as Tab,
|
|
597
|
+
default78 as TabGroup,
|
|
598
|
+
default79 as TabPanel,
|
|
599
|
+
default80 as Textarea,
|
|
600
|
+
default81 as Thumbnail,
|
|
601
|
+
Timeline,
|
|
602
|
+
TimelineItem,
|
|
603
|
+
default82 as Toast,
|
|
604
|
+
default83 as Toggle,
|
|
605
|
+
default84 as Toolbar,
|
|
606
|
+
default85 as ToolbarAction,
|
|
607
|
+
default86 as Tooltip,
|
|
608
|
+
Tree,
|
|
609
|
+
TreeItem,
|
|
610
|
+
default87 as VisuallyHidden,
|
|
611
|
+
WJElement,
|
|
612
|
+
WjePermissionsApi,
|
|
613
|
+
b as bindRouterLinks,
|
|
614
|
+
defaultStoreActions,
|
|
615
|
+
enGb,
|
|
616
|
+
event,
|
|
617
|
+
fetchAndParseCSS,
|
|
618
|
+
formatDate,
|
|
619
|
+
skSk,
|
|
620
|
+
store
|
|
621
|
+
};
|
|
622
|
+
//# sourceMappingURL=wje-master.js.map
|