wj-elements 0.1.134 → 0.1.136
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/package.json +3 -2
- package/dist/dark.css +0 -223
- package/dist/infinite-scroll.element-XVJukzjy.js +0 -271
- package/dist/light.css +0 -530
- package/dist/list.element-Ce1vIm1O.js +0 -49
- package/dist/localize.js +0 -67
- package/dist/packages/index.d.ts +0 -98
- package/dist/packages/localize/localize.d.ts +0 -17
- package/dist/packages/translations/en-GB.d.ts +0 -13
- package/dist/packages/translations/sk-SK.d.ts +0 -13
- package/dist/packages/utils/animations.d.ts +0 -2
- package/dist/packages/utils/date.d.ts +0 -1
- package/dist/packages/utils/element-utils.d.ts +0 -46
- package/dist/packages/utils/event.d.ts +0 -67
- package/dist/packages/utils/localize.d.ts +0 -4
- package/dist/packages/utils/permissions-api.d.ts +0 -34
- package/dist/packages/utils/utils.d.ts +0 -1
- 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 +0 -2
- package/dist/packages/wje-accordion/accordion.element.d.ts +0 -72
- package/dist/packages/wje-accordion-item/accordion-item.d.ts +0 -2
- package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +0 -40
- package/dist/packages/wje-animation/animation.d.ts +0 -2
- package/dist/packages/wje-animation/animation.element.d.ts +0 -153
- package/dist/packages/wje-animation/animation.test.d.ts +0 -1
- package/dist/packages/wje-aside/aside.d.ts +0 -2
- package/dist/packages/wje-aside/aside.element.d.ts +0 -31
- package/dist/packages/wje-avatar/avatar.d.ts +0 -2
- package/dist/packages/wje-avatar/avatar.element.d.ts +0 -37
- package/dist/packages/wje-avatar/service/service.d.ts +0 -40
- package/dist/packages/wje-badge/badge.d.ts +0 -2
- package/dist/packages/wje-badge/badge.element.d.ts +0 -35
- package/dist/packages/wje-badge/badge.test.d.ts +0 -1
- package/dist/packages/wje-breadcrumb/breadcrumb.d.ts +0 -2
- package/dist/packages/wje-breadcrumb/breadcrumb.element.d.ts +0 -80
- package/dist/packages/wje-breadcrumbs/breadcrumbs.d.ts +0 -2
- package/dist/packages/wje-breadcrumbs/breadcrumbs.element.d.ts +0 -97
- package/dist/packages/wje-breadcrumbs/breadcrumbs.test.d.ts +0 -1
- package/dist/packages/wje-button/button.d.ts +0 -2
- package/dist/packages/wje-button/button.element.d.ts +0 -173
- package/dist/packages/wje-button/button.test.d.ts +0 -1
- package/dist/packages/wje-button-group/button-group.d.ts +0 -2
- package/dist/packages/wje-button-group/button-group.element.d.ts +0 -39
- package/dist/packages/wje-card/card.d.ts +0 -2
- package/dist/packages/wje-card/card.element.d.ts +0 -29
- package/dist/packages/wje-card-content/card-content.d.ts +0 -2
- package/dist/packages/wje-card-content/card-content.element.d.ts +0 -22
- package/dist/packages/wje-card-controls/card-controls.d.ts +0 -2
- package/dist/packages/wje-card-controls/card-controls.element.d.ts +0 -23
- package/dist/packages/wje-card-header/card-header.d.ts +0 -2
- package/dist/packages/wje-card-header/card-header.element.d.ts +0 -22
- package/dist/packages/wje-card-subtitle/card-subtitle.d.ts +0 -2
- package/dist/packages/wje-card-subtitle/card-subtitle.element.d.ts +0 -30
- package/dist/packages/wje-card-title/card-title.d.ts +0 -2
- package/dist/packages/wje-card-title/card-title.element.d.ts +0 -32
- package/dist/packages/wje-carousel/carousel.d.ts +0 -2
- package/dist/packages/wje-carousel/carousel.element.d.ts +0 -146
- package/dist/packages/wje-carousel-item/carousel-item.d.ts +0 -2
- package/dist/packages/wje-carousel-item/carousel-item.element.d.ts +0 -38
- package/dist/packages/wje-checkbox/checkbox.d.ts +0 -2
- package/dist/packages/wje-checkbox/checkbox.element.d.ts +0 -171
- package/dist/packages/wje-chip/chip.d.ts +0 -2
- package/dist/packages/wje-chip/chip.element.d.ts +0 -29
- package/dist/packages/wje-col/col.d.ts +0 -2
- package/dist/packages/wje-col/col.element.d.ts +0 -16
- package/dist/packages/wje-color-picker/color-picker.d.ts +0 -2
- package/dist/packages/wje-color-picker/color-picker.element.d.ts +0 -187
- package/dist/packages/wje-container/container.d.ts +0 -2
- package/dist/packages/wje-container/container.element.d.ts +0 -31
- package/dist/packages/wje-copy-button/copy-button.d.ts +0 -2
- package/dist/packages/wje-copy-button/copy-button.element.d.ts +0 -89
- package/dist/packages/wje-copy-button/service/service.d.ts +0 -12
- package/dist/packages/wje-dialog/dialog.d.ts +0 -2
- package/dist/packages/wje-dialog/dialog.element.d.ts +0 -116
- package/dist/packages/wje-divider/divider.d.ts +0 -2
- package/dist/packages/wje-divider/divider.element.d.ts +0 -32
- package/dist/packages/wje-dropdown/dropdown.d.ts +0 -2
- package/dist/packages/wje-dropdown/dropdown.element.d.ts +0 -85
- package/dist/packages/wje-element/element.d.ts +0 -313
- package/dist/packages/wje-element/service/universal-service.d.ts +0 -18
- package/dist/packages/wje-file-upload/file-upload.d.ts +0 -2
- package/dist/packages/wje-file-upload/file-upload.element.d.ts +0 -191
- package/dist/packages/wje-file-upload/service/service.d.ts +0 -70
- package/dist/packages/wje-file-upload-item/file-upload-item.d.ts +0 -2
- package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts +0 -62
- package/dist/packages/wje-footer/footer.d.ts +0 -2
- package/dist/packages/wje-footer/footer.element.d.ts +0 -28
- package/dist/packages/wje-form/form.d.ts +0 -2
- package/dist/packages/wje-form/form.element.d.ts +0 -28
- package/dist/packages/wje-format-digital/format-digital.d.ts +0 -2
- package/dist/packages/wje-format-digital/format-digital.element.d.ts +0 -87
- package/dist/packages/wje-format-digital/format-digital.test.d.ts +0 -1
- package/dist/packages/wje-grid/grid.d.ts +0 -2
- package/dist/packages/wje-grid/grid.element.d.ts +0 -26
- package/dist/packages/wje-header/header.d.ts +0 -2
- package/dist/packages/wje-header/header.element.d.ts +0 -35
- package/dist/packages/wje-icon/icon.d.ts +0 -2
- package/dist/packages/wje-icon/icon.element.d.ts +0 -40
- package/dist/packages/wje-icon/service/service.d.ts +0 -11
- package/dist/packages/wje-icon-picker/icon-picker.d.ts +0 -2
- package/dist/packages/wje-icon-picker/icon-picker.element.d.ts +0 -197
- package/dist/packages/wje-img/img.d.ts +0 -2
- package/dist/packages/wje-img/img.element.d.ts +0 -30
- package/dist/packages/wje-img-comparer/img-comparer.d.ts +0 -2
- package/dist/packages/wje-img-comparer/img-comparer.element.d.ts +0 -60
- package/dist/packages/wje-img-comparer/service/service.d.ts +0 -1
- package/dist/packages/wje-infinite-scroll/infinite-scroll.d.ts +0 -2
- package/dist/packages/wje-infinite-scroll/infinite-scroll.element.d.ts +0 -134
- package/dist/packages/wje-input/input.d.ts +0 -2
- package/dist/packages/wje-input/input.element.d.ts +0 -204
- package/dist/packages/wje-input-file/input-file.d.ts +0 -2
- package/dist/packages/wje-input-file/input-file.element.d.ts +0 -50
- package/dist/packages/wje-item/item.d.ts +0 -2
- package/dist/packages/wje-item/item.element.d.ts +0 -68
- package/dist/packages/wje-kanban/kanban.d.ts +0 -2
- package/dist/packages/wje-kanban/kanban.element.d.ts +0 -183
- package/dist/packages/wje-label/label.d.ts +0 -2
- package/dist/packages/wje-label/label.element.d.ts +0 -34
- package/dist/packages/wje-list/list.d.ts +0 -2
- package/dist/packages/wje-list/list.element.d.ts +0 -31
- package/dist/packages/wje-main/main.d.ts +0 -2
- package/dist/packages/wje-main/main.element.d.ts +0 -30
- package/dist/packages/wje-masonry/masonry.d.ts +0 -2
- package/dist/packages/wje-masonry/masonry.element.d.ts +0 -114
- package/dist/packages/wje-masonry/service/service.d.ts +0 -32
- package/dist/packages/wje-menu/menu.d.ts +0 -2
- package/dist/packages/wje-menu/menu.element.d.ts +0 -47
- package/dist/packages/wje-menu-button/menu-button.d.ts +0 -2
- package/dist/packages/wje-menu-button/menu-button.element.d.ts +0 -34
- package/dist/packages/wje-menu-item/menu-item.d.ts +0 -2
- package/dist/packages/wje-menu-item/menu-item.element.d.ts +0 -139
- package/dist/packages/wje-menu-label/menu-label.d.ts +0 -2
- package/dist/packages/wje-menu-label/menu-label.element.d.ts +0 -39
- package/dist/packages/wje-option/option.d.ts +0 -2
- package/dist/packages/wje-option/option.element.d.ts +0 -59
- package/dist/packages/wje-options/options.d.ts +0 -2
- package/dist/packages/wje-options/options.element.d.ts +0 -180
- package/dist/packages/wje-orgchart/orgchart.d.ts +0 -2
- package/dist/packages/wje-orgchart/orgchart.element.d.ts +0 -24
- package/dist/packages/wje-orgchart-group/orgchart-group.d.ts +0 -2
- package/dist/packages/wje-orgchart-group/orgchart-group.element.d.ts +0 -28
- package/dist/packages/wje-orgchart-item/orgchart-item.d.ts +0 -2
- package/dist/packages/wje-orgchart-item/orgchart-item.element.d.ts +0 -49
- package/dist/packages/wje-panel/panel.d.ts +0 -2
- package/dist/packages/wje-panel/panel.element.d.ts +0 -34
- package/dist/packages/wje-popup/popup.d.ts +0 -2
- package/dist/packages/wje-popup/popup.element.d.ts +0 -93
- package/dist/packages/wje-progress-bar/progress-bar.d.ts +0 -2
- package/dist/packages/wje-progress-bar/progress-bar.element.d.ts +0 -96
- package/dist/packages/wje-qr-code/qr-code.d.ts +0 -2
- package/dist/packages/wje-qr-code/qr-code.element.d.ts +0 -33
- package/dist/packages/wje-radio/radio.d.ts +0 -2
- package/dist/packages/wje-radio/radio.element.d.ts +0 -53
- package/dist/packages/wje-radio-group/radio-group.d.ts +0 -2
- package/dist/packages/wje-radio-group/radio-group.element.d.ts +0 -137
- package/dist/packages/wje-rate/rate.d.ts +0 -2
- package/dist/packages/wje-rate/rate.element.d.ts +0 -156
- package/dist/packages/wje-relative-time/relative-time.d.ts +0 -2
- package/dist/packages/wje-relative-time/relative-time.element.d.ts +0 -55
- package/dist/packages/wje-relative-time/relative-time.test.d.ts +0 -1
- package/dist/packages/wje-reorder/reorder.d.ts +0 -2
- package/dist/packages/wje-reorder/reorder.element.d.ts +0 -119
- package/dist/packages/wje-reorder-dropzone/reorder-dropzone.d.ts +0 -2
- package/dist/packages/wje-reorder-dropzone/reorder-dropzone.element.d.ts +0 -23
- package/dist/packages/wje-reorder-handle/reorder-handle.d.ts +0 -2
- package/dist/packages/wje-reorder-handle/reorder-handle.element.d.ts +0 -75
- package/dist/packages/wje-reorder-item/reorder-item.d.ts +0 -2
- package/dist/packages/wje-reorder-item/reorder-item.element.d.ts +0 -24
- package/dist/packages/wje-route/route.d.ts +0 -2
- package/dist/packages/wje-route/route.element.d.ts +0 -22
- package/dist/packages/wje-router/router.d.ts +0 -2
- package/dist/packages/wje-router/router.element.d.ts +0 -39
- package/dist/packages/wje-router-link/router-link.d.ts +0 -2
- package/dist/packages/wje-router-link/router-link.element.d.ts +0 -31
- package/dist/packages/wje-router-outlet/router-outlet.d.ts +0 -2
- package/dist/packages/wje-router-outlet/router-outlet.element.d.ts +0 -15
- package/dist/packages/wje-row/row.d.ts +0 -2
- package/dist/packages/wje-row/row.element.d.ts +0 -23
- package/dist/packages/wje-select/select.d.ts +0 -2
- package/dist/packages/wje-select/select.element.d.ts +0 -315
- package/dist/packages/wje-slider/slider.d.ts +0 -2
- package/dist/packages/wje-slider/slider.element.d.ts +0 -103
- package/dist/packages/wje-split-view/service/service.d.ts +0 -1
- package/dist/packages/wje-split-view/split-view.d.ts +0 -2
- package/dist/packages/wje-split-view/split-view.element.d.ts +0 -66
- package/dist/packages/wje-status/status.d.ts +0 -2
- package/dist/packages/wje-status/status.element.d.ts +0 -26
- package/dist/packages/wje-step/step.d.ts +0 -2
- package/dist/packages/wje-step/step.element.d.ts +0 -23
- package/dist/packages/wje-stepper/stepper.d.ts +0 -2
- package/dist/packages/wje-stepper/stepper.element.d.ts +0 -78
- package/dist/packages/wje-store/default-store-actions.d.ts +0 -20
- package/dist/packages/wje-store/pubsub.d.ts +0 -21
- package/dist/packages/wje-store/store.d.ts +0 -153
- package/dist/packages/wje-tab/tab.d.ts +0 -2
- package/dist/packages/wje-tab/tab.element.d.ts +0 -41
- package/dist/packages/wje-tab-group/tab-group.d.ts +0 -2
- package/dist/packages/wje-tab-group/tab-group.element.d.ts +0 -67
- package/dist/packages/wje-tab-panel/tab-panel.d.ts +0 -2
- package/dist/packages/wje-tab-panel/tab-panel.element.d.ts +0 -23
- package/dist/packages/wje-textarea/textarea.d.ts +0 -2
- package/dist/packages/wje-textarea/textarea.element.d.ts +0 -176
- package/dist/packages/wje-thumbnail/thumbnail.d.ts +0 -2
- package/dist/packages/wje-thumbnail/thumbnail.element.d.ts +0 -31
- package/dist/packages/wje-timeline/timeline.d.ts +0 -2
- package/dist/packages/wje-timeline/timeline.element.d.ts +0 -25
- package/dist/packages/wje-timeline-item/timeline-item.d.ts +0 -2
- package/dist/packages/wje-timeline-item/timeline-item.element.d.ts +0 -27
- package/dist/packages/wje-toast/toast.d.ts +0 -2
- package/dist/packages/wje-toast/toast.element.d.ts +0 -173
- package/dist/packages/wje-toast/toast.test.d.ts +0 -1
- package/dist/packages/wje-toggle/toggle.d.ts +0 -2
- package/dist/packages/wje-toggle/toggle.element.d.ts +0 -65
- package/dist/packages/wje-toolbar/toolbar.d.ts +0 -2
- package/dist/packages/wje-toolbar/toolbar.element.d.ts +0 -39
- package/dist/packages/wje-toolbar-action/toolbar-action.d.ts +0 -2
- package/dist/packages/wje-toolbar-action/toolbar-action.element.d.ts +0 -35
- package/dist/packages/wje-tooltip/tooltip.d.ts +0 -2
- package/dist/packages/wje-tooltip/tooltip.element.d.ts +0 -71
- package/dist/packages/wje-visually-hidden/visually-hidden.d.ts +0 -2
- package/dist/packages/wje-visually-hidden/visually-hidden.element.d.ts +0 -29
- package/dist/popup.element-tyYxow0p.js +0 -1622
- package/dist/router-links-CJnOdbas.js +0 -149
- package/dist/styles.css +0 -849
- package/dist/wje-accordion-item.js +0 -112
- package/dist/wje-accordion.js +0 -121
- package/dist/wje-animation.js +0 -4323
- package/dist/wje-aside.js +0 -54
- package/dist/wje-avatar.js +0 -89
- package/dist/wje-badge.js +0 -70
- package/dist/wje-breadcrumb.js +0 -194
- package/dist/wje-breadcrumbs.js +0 -139
- package/dist/wje-button-group.js +0 -84
- package/dist/wje-button.js +0 -351
- package/dist/wje-card-content.js +0 -47
- package/dist/wje-card-controls.js +0 -47
- package/dist/wje-card-header.js +0 -47
- package/dist/wje-card-subtitle.js +0 -54
- package/dist/wje-card-title.js +0 -54
- package/dist/wje-card.js +0 -55
- package/dist/wje-carousel-item.js +0 -62
- package/dist/wje-carousel.js +0 -379
- package/dist/wje-checkbox.js +0 -539
- package/dist/wje-chip.js +0 -75
- package/dist/wje-col.js +0 -37
- package/dist/wje-color-picker.js +0 -1338
- package/dist/wje-container.js +0 -55
- package/dist/wje-copy-button.js +0 -217
- package/dist/wje-dialog.js +0 -248
- package/dist/wje-divider.js +0 -54
- package/dist/wje-dropdown.js +0 -193
- package/dist/wje-element.js +0 -966
- package/dist/wje-fetchAndParseCSS.js +0 -59
- package/dist/wje-file-upload-item.js +0 -133
- package/dist/wje-file-upload.js +0 -546
- package/dist/wje-footer.js +0 -51
- package/dist/wje-form.js +0 -52
- package/dist/wje-format-digital.js +0 -145
- package/dist/wje-grid.js +0 -53
- package/dist/wje-header.js +0 -55
- package/dist/wje-icon-picker.js +0 -348
- package/dist/wje-icon.js +0 -190
- package/dist/wje-img-comparer.js +0 -130
- package/dist/wje-img.js +0 -71
- package/dist/wje-infinite-scroll.js +0 -5
- package/dist/wje-input-file.js +0 -110
- package/dist/wje-input.js +0 -451
- package/dist/wje-item.js +0 -87
- package/dist/wje-kanban.js +0 -461
- package/dist/wje-label.js +0 -52
- package/dist/wje-list.js +0 -5
- package/dist/wje-main.js +0 -51
- package/dist/wje-masonry.js +0 -266
- package/dist/wje-master.js +0 -342
- package/dist/wje-menu-button.js +0 -59
- package/dist/wje-menu-item.js +0 -544
- package/dist/wje-menu-label.js +0 -54
- package/dist/wje-menu.js +0 -71
- package/dist/wje-option.js +0 -111
- package/dist/wje-options.js +0 -341
- package/dist/wje-orgchart-group.js +0 -71
- package/dist/wje-orgchart-item.js +0 -97
- package/dist/wje-orgchart.js +0 -48
- package/dist/wje-popup.js +0 -5
- package/dist/wje-progress-bar.js +0 -212
- package/dist/wje-qr-code.js +0 -2891
- package/dist/wje-radio-group.js +0 -227
- package/dist/wje-radio.js +0 -105
- package/dist/wje-rate.js +0 -299
- package/dist/wje-relative-time.js +0 -114
- package/dist/wje-reorder-dropzone.js +0 -48
- package/dist/wje-reorder-handle.js +0 -217
- package/dist/wje-reorder-item.js +0 -60
- package/dist/wje-reorder.js +0 -280
- package/dist/wje-route.js +0 -42
- package/dist/wje-router-link.js +0 -63
- package/dist/wje-router-outlet.js +0 -191
- package/dist/wje-routerx.js +0 -1436
- package/dist/wje-row.js +0 -48
- package/dist/wje-select.js +0 -629
- package/dist/wje-slider.js +0 -220
- package/dist/wje-sliding-container.js +0 -477
- package/dist/wje-split-view.js +0 -152
- package/dist/wje-status.js +0 -60
- package/dist/wje-step.js +0 -49
- package/dist/wje-stepper.js +0 -230
- package/dist/wje-store.js +0 -387
- package/dist/wje-tab-group.js +0 -136
- package/dist/wje-tab-panel.js +0 -45
- package/dist/wje-tab.js +0 -58
- package/dist/wje-textarea.js +0 -372
- package/dist/wje-thumbnail.js +0 -53
- package/dist/wje-toast.js +0 -333
- package/dist/wje-toggle.js +0 -124
- package/dist/wje-toolbar-action.js +0 -71
- package/dist/wje-toolbar.js +0 -62
- package/dist/wje-tooltip.js +0 -165
- package/dist/wje-visually-hidden.js +0 -54
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `Label` is a custom web component that represents a label.
|
|
4
|
-
* It extends from `WJElement`.
|
|
5
|
-
* @summary This element represents a label.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/label
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @csspart label - The label part of the component.
|
|
10
|
-
* @slot - The default slot for the label.
|
|
11
|
-
* @cssproperty [--wje-label-color=black] - Defines the text color of the label. This property determines the color of the label's text. Accepts any valid CSS color value (e.g., named colors like `black`, `red`, or values like `#000000`, `rgb(0, 0, 0)`).
|
|
12
|
-
* @cssproperty [--wje-label-font-size=16px] - Specifies the font size of the label. This property sets the size of the label's text. Accepts any valid CSS length unit (e.g., `px`, `em`, `rem`). The default value is `16px`, which provides optimal readability in most designs.
|
|
13
|
-
* // @fires wje-label:change - Event fired when the label is changed.
|
|
14
|
-
* @tag wje-label
|
|
15
|
-
*/
|
|
16
|
-
export default class Label extends WJElement {
|
|
17
|
-
/**
|
|
18
|
-
* Returns the CSS styles for the component.
|
|
19
|
-
* @static
|
|
20
|
-
* @returns {CSSStyleSheet}
|
|
21
|
-
*/
|
|
22
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
23
|
-
/**
|
|
24
|
-
* Returns the list of attributes to observe for changes.
|
|
25
|
-
* @static
|
|
26
|
-
* @returns {Array<string>}
|
|
27
|
-
*/
|
|
28
|
-
static get observedAttributes(): string[];
|
|
29
|
-
/**
|
|
30
|
-
* Draws the component.
|
|
31
|
-
* @returns {DocumentFragment}
|
|
32
|
-
*/
|
|
33
|
-
draw(): DocumentFragment;
|
|
34
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `List` is a custom web component that represents a list.
|
|
4
|
-
* It extends from `WJElement`.
|
|
5
|
-
* @summary This element represents a list.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/list
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @slot - The default slot for the list.
|
|
10
|
-
* @cssproperty [--wje-list-inset-padding=1rem] - The padding of the list when it is inset.
|
|
11
|
-
* @cssproperty [--wje-list-border-radius=8px] - The border radius of the list. Accepts any valid CSS length.
|
|
12
|
-
* @cssproperty [--wje-list-background=var(--wje-background)] - The background of the list. Accepts any valid CSS color value.
|
|
13
|
-
* @tag wje-list
|
|
14
|
-
*/
|
|
15
|
-
export default class List extends WJElement {
|
|
16
|
-
/**
|
|
17
|
-
* Returns the CSS styles for the component.
|
|
18
|
-
* @static
|
|
19
|
-
* @returns {CSSStyleSheet}
|
|
20
|
-
*/
|
|
21
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
22
|
-
/**
|
|
23
|
-
* Returns the list of attributes to observe for changes.
|
|
24
|
-
* @returns {DocumentFragment}
|
|
25
|
-
*/
|
|
26
|
-
draw(): DocumentFragment;
|
|
27
|
-
/**
|
|
28
|
-
* Called after the component has been drawn.
|
|
29
|
-
*/
|
|
30
|
-
afterDraw(): void;
|
|
31
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `Main` is a custom web component that represents a main section.
|
|
4
|
-
* It extends from `WJElement`.
|
|
5
|
-
* @summary This element represents a main section.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/main
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @slot - The default slot for the main section.
|
|
10
|
-
* @tag wje-main
|
|
11
|
-
*/
|
|
12
|
-
export default class Main extends WJElement {
|
|
13
|
-
/**
|
|
14
|
-
* Returns the CSS styles for the component.
|
|
15
|
-
* @static
|
|
16
|
-
* @returns {CSSStyleSheet}
|
|
17
|
-
*/
|
|
18
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
19
|
-
/**
|
|
20
|
-
* Returns the list of attributes to observe for changes.
|
|
21
|
-
* @static
|
|
22
|
-
* @returns {Array<string>}
|
|
23
|
-
*/
|
|
24
|
-
static get observedAttributes(): string[];
|
|
25
|
-
/**
|
|
26
|
-
* Draws the component for the main section.
|
|
27
|
-
* @returns {DocumentFragment}
|
|
28
|
-
*/
|
|
29
|
-
draw(): DocumentFragment;
|
|
30
|
-
}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `Masonry` is a custom web component that represents a masonry layout.
|
|
4
|
-
* It extends from `WJElement`.
|
|
5
|
-
* @summary This element represents a masonry layout.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/masonry
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @csspart native - The native part of the masonry layout.
|
|
10
|
-
* @csspart column - The individual columns in the masonry layout.
|
|
11
|
-
* @slot - The default slot for the masonry layout.
|
|
12
|
-
* @cssproperty [--wje-masonry-gap=1rem] - The gap between items in the masonry layout. Accepts any valid CSS length. Default is 1rem.
|
|
13
|
-
* @cssproperty [--wje-masonry-layout-col-count=1] - The count column in the masonry layout. Accepts any valid CSS length.
|
|
14
|
-
* @tag wje-masonry
|
|
15
|
-
*/
|
|
16
|
-
export default class Masonry extends WJElement {
|
|
17
|
-
/**
|
|
18
|
-
* Getter for the cssStyleSheet property.
|
|
19
|
-
* @static
|
|
20
|
-
* @returns {CSSStyleSheet} The CSS style sheet for the masonry layout.
|
|
21
|
-
*/
|
|
22
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
23
|
-
/**
|
|
24
|
-
* Getter for the observedAttributes property.
|
|
25
|
-
* @returns {Array} An array of the observed attributes.
|
|
26
|
-
*/
|
|
27
|
-
static get observedAttributes(): any[];
|
|
28
|
-
debounceId: string;
|
|
29
|
-
ro: any;
|
|
30
|
-
currentRequestAnimationFrameCallback: number;
|
|
31
|
-
unsetSlot: HTMLSlotElement;
|
|
32
|
-
/**
|
|
33
|
-
* Setter for the maxColWidth property.
|
|
34
|
-
* @param {number} value The maximum column width.
|
|
35
|
-
*/
|
|
36
|
-
set maxColWidth(value: number);
|
|
37
|
-
/**
|
|
38
|
-
* Getter for the maxColWidth property.
|
|
39
|
-
* @returns {number} The maximum column width.
|
|
40
|
-
*/
|
|
41
|
-
get maxColWidth(): number;
|
|
42
|
-
/**
|
|
43
|
-
* Setter for the cols property.
|
|
44
|
-
* @param {number} value The number of columns.
|
|
45
|
-
*/
|
|
46
|
-
set cols(value: number);
|
|
47
|
-
/**
|
|
48
|
-
* Getter for the cols property.
|
|
49
|
-
* @returns {number} The number of columns.
|
|
50
|
-
*/
|
|
51
|
-
get cols(): number;
|
|
52
|
-
/**
|
|
53
|
-
* Setter for the gap property.
|
|
54
|
-
* @param {number} value The gap between columns.
|
|
55
|
-
*/
|
|
56
|
-
set gap(value: number);
|
|
57
|
-
/**
|
|
58
|
-
* Getter for the gap property.
|
|
59
|
-
* @returns {number} The gap between columns.
|
|
60
|
-
*/
|
|
61
|
-
get gap(): number;
|
|
62
|
-
/**
|
|
63
|
-
* Setter for the debounce property.
|
|
64
|
-
* @param {number} value The debounce time.
|
|
65
|
-
*/
|
|
66
|
-
set debounce(value: number);
|
|
67
|
-
/**
|
|
68
|
-
* Getter for the debounce property.
|
|
69
|
-
* @returns {number} The debounce time.
|
|
70
|
-
*/
|
|
71
|
-
get debounce(): number;
|
|
72
|
-
/**
|
|
73
|
-
* Getter for the columns property.
|
|
74
|
-
* @returns {Array} An array of all the columns.
|
|
75
|
-
*/
|
|
76
|
-
get columns(): any[];
|
|
77
|
-
/**
|
|
78
|
-
* Callback for when an attribute changes.
|
|
79
|
-
*/
|
|
80
|
-
attributeChangedCallback(name: any, old: any, newName: any): void;
|
|
81
|
-
/**
|
|
82
|
-
* Draws the element for the masonry layout.
|
|
83
|
-
* @returns {DocumentFragment} The drawn element.
|
|
84
|
-
*/
|
|
85
|
-
draw(): DocumentFragment;
|
|
86
|
-
native: HTMLDivElement;
|
|
87
|
-
/**
|
|
88
|
-
* Called after the element is drawn.
|
|
89
|
-
*/
|
|
90
|
-
afterDraw(): void;
|
|
91
|
-
/**
|
|
92
|
-
* Called when the slot changes.
|
|
93
|
-
*/
|
|
94
|
-
onSlotChange: () => void;
|
|
95
|
-
/**
|
|
96
|
-
* Called when the window resizes.
|
|
97
|
-
* @param {Array} entries The entries to use.
|
|
98
|
-
*/
|
|
99
|
-
onResize: (entries: any[]) => void;
|
|
100
|
-
/**
|
|
101
|
-
* Renders the columns.
|
|
102
|
-
* @param {number} colCount The number of columns to render.
|
|
103
|
-
*/
|
|
104
|
-
renderCols(colCount: number): void;
|
|
105
|
-
/**
|
|
106
|
-
* Schedules a layout.
|
|
107
|
-
* @param {number} ms The number of milliseconds to wait before laying out.
|
|
108
|
-
*/
|
|
109
|
-
scheduleLayout(ms?: number): void;
|
|
110
|
-
/**
|
|
111
|
-
* Lays out the element.
|
|
112
|
-
*/
|
|
113
|
-
layout: () => void;
|
|
114
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Returns a number attribute from an element.
|
|
3
|
-
* @param $elem
|
|
4
|
-
* @param name
|
|
5
|
-
* @param defaultValue
|
|
6
|
-
* @returns {string|number}
|
|
7
|
-
*/
|
|
8
|
-
export function getNumberAttribute($elem: any, name: any, defaultValue: any): string | number;
|
|
9
|
-
/**
|
|
10
|
-
* Returns the amount of cols that the masonry grid should have.
|
|
11
|
-
* @param totalWidth
|
|
12
|
-
* @param cols
|
|
13
|
-
* @param maxColWidth
|
|
14
|
-
*/
|
|
15
|
-
export function getColCount(totalWidth: any, cols: any, maxColWidth: any): any;
|
|
16
|
-
/**
|
|
17
|
-
* Debounces a function.
|
|
18
|
-
* @param cb
|
|
19
|
-
* @param ms
|
|
20
|
-
* @param id
|
|
21
|
-
*/
|
|
22
|
-
export function debounce(cb: any, ms: any, id: any): void;
|
|
23
|
-
/**
|
|
24
|
-
* Returns the index of the column with the smallest height.
|
|
25
|
-
* @param colHeights
|
|
26
|
-
*/
|
|
27
|
-
export function findSmallestColIndex(colHeights: any): number;
|
|
28
|
-
export const DEFAULT_MAX_COL_WIDTH: 500;
|
|
29
|
-
export const DEFAULT_DEBOUNCE_MS: 300;
|
|
30
|
-
export const COL_COUNT_CSS_VAR_NAME: "--wje-masonry-layout-col-count";
|
|
31
|
-
export const GAP_CSS_VAR_NAME: "--wje-masonry-layout-gap";
|
|
32
|
-
export const ELEMENT_NODE_TYPE: 1;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `Menu` is a custom web component that represents a menu.
|
|
4
|
-
* It extends from `WJElement`.
|
|
5
|
-
* @summary This element represents a menu.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/menu
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @csspart native - The native part of the menu.
|
|
10
|
-
* @slot - The default slot for the menu.
|
|
11
|
-
* @cssproperty [--wje-menu-background=var(--wje-background)] - Defines the background color of the menu. Accepts any valid CSS color value, such as `#ffffff`, `rgb(255, 255, 255)`, or CSS variables.
|
|
12
|
-
* @cssproperty [--wje-menu-border-width=1px] - Specifies the width of the menu's border. Accepts any valid CSS length value (e.g., `px`, `em`, `%`).
|
|
13
|
-
* @cssproperty [--wje-menu-border-style=solid] - Sets the style of the menu's border. Common values include `solid`, `dashed`, `dotted`, etc.
|
|
14
|
-
* @cssproperty [--wje-menu-border-color=var(--wje-border-color)] - Defines the color of the menu's border. Accepts any valid CSS color value.
|
|
15
|
-
* @cssproperty [--wje-menu-border-radius=var(--wje-border-radius-small)] - Determines the radius of the menu's corners, creating rounded edges. Accepts any valid CSS length value (e.g., `px`, `%`).
|
|
16
|
-
* @cssproperty [--wje-menu-padding-top=.5rem] - Specifies the top padding inside the menu. Accepts any valid CSS length value.
|
|
17
|
-
* @cssproperty [--wje-menu-padding-bottom=.5rem] - Specifies the bottom padding inside the menu. Accepts any valid CSS length value.
|
|
18
|
-
* @cssproperty [--wje-menu-padding-inline=0] - Sets the horizontal (left and right) padding inside the menu. Accepts any valid CSS length value.
|
|
19
|
-
* @cssproperty [--wje-menu-margin-top=0] - Defines the top margin outside the menu. Accepts any valid CSS length value.
|
|
20
|
-
* @cssproperty [--wje-menu-margin-bottom=0] - Defines the bottom margin outside the menu. Accepts any valid CSS length value.
|
|
21
|
-
* @cssproperty [--wje-menu-margin-inline=0] - Specifies the horizontal (left and right) margin outside the menu. Accepts any valid CSS length value.
|
|
22
|
-
* @cssproperty [--wje-menu-collapse-width=65px] - Sets the width of the menu when it is collapsed. This property is typically used to define the reduced size of the menu in collapsed state. Accepts any valid CSS length value.
|
|
23
|
-
* @tag wje-menu
|
|
24
|
-
*/
|
|
25
|
-
export default class Menu extends WJElement {
|
|
26
|
-
/**
|
|
27
|
-
* Returns the CSS styles for the component.
|
|
28
|
-
* @static
|
|
29
|
-
* @returns {CSSStyleSheet}
|
|
30
|
-
*/
|
|
31
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
32
|
-
/**
|
|
33
|
-
* Returns the list of attributes to observe for changes.
|
|
34
|
-
* @static
|
|
35
|
-
* @returns {Array<string>}
|
|
36
|
-
*/
|
|
37
|
-
static get observedAttributes(): string[];
|
|
38
|
-
/**
|
|
39
|
-
* Draws the component for the menu.
|
|
40
|
-
* @returns {DocumentFragment}
|
|
41
|
-
*/
|
|
42
|
-
draw(): DocumentFragment;
|
|
43
|
-
/**
|
|
44
|
-
* Refreshes the component after drawing.
|
|
45
|
-
*/
|
|
46
|
-
afterDraw(): void;
|
|
47
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `MenuButton` is a custom web component that represents a menu button.
|
|
4
|
-
* @summary This element represents a menu button.
|
|
5
|
-
* @documentation https://elements.webjet.sk/components/menu-button
|
|
6
|
-
* @status stable
|
|
7
|
-
* @augments {WJElement}
|
|
8
|
-
* @slot - The default slot for the menu button.
|
|
9
|
-
* // @fires click - Event fired when the menu button is clicked.
|
|
10
|
-
* @tag wje-menu-button
|
|
11
|
-
*/
|
|
12
|
-
export default class MenuButton extends WJElement {
|
|
13
|
-
/**
|
|
14
|
-
* Returns the CSS styles for the component.
|
|
15
|
-
* @static
|
|
16
|
-
* @returns {CSSStyleSheet}
|
|
17
|
-
*/
|
|
18
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
19
|
-
/**
|
|
20
|
-
* Returns the list of attributes to observe for changes.
|
|
21
|
-
* @static
|
|
22
|
-
* @returns {Array<string>}
|
|
23
|
-
*/
|
|
24
|
-
static get observedAttributes(): string[];
|
|
25
|
-
/**
|
|
26
|
-
* Draws the component for the menu button.
|
|
27
|
-
* @returns {DocumentFragment}
|
|
28
|
-
*/
|
|
29
|
-
draw(): DocumentFragment;
|
|
30
|
-
/**
|
|
31
|
-
* Refreshes the component after drawing. Adds a click event listener that toggles the "open" class on the content element.
|
|
32
|
-
*/
|
|
33
|
-
afterDraw(): void;
|
|
34
|
-
}
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `MenuItem` is a custom web component that represents a menu item.
|
|
4
|
-
* @summary This element represents a menu item.
|
|
5
|
-
* @documentation https://elements.webjet.sk/components/menu-item
|
|
6
|
-
* @status stable
|
|
7
|
-
* @augments {WJElement}
|
|
8
|
-
* @csspart native - The native part of the menu item.
|
|
9
|
-
* @csspart submenu - The submenu part of the menu item.
|
|
10
|
-
* @slot - The default slot for the menu item.
|
|
11
|
-
* @slot start - The slot for the start of the menu item.
|
|
12
|
-
* @slot end - The slot for the end of the menu item.
|
|
13
|
-
* @slot submenu - The slot for the submenu of the menu item.
|
|
14
|
-
* @cssproperty [--wje-menu-item-color=var(--wje-color)] - Sets the text color of a menu item. Accepts any valid CSS color value.
|
|
15
|
-
* @cssproperty [--wje-menu-item-background=transparent] - Defines the background color of a menu item. Default is `transparent`. Accepts any valid CSS color value.
|
|
16
|
-
* @cssproperty [--wje-menu-item-color-hover=var(--wje-color-contrast-8)] - Specifies the text color of a menu item when hovered. Accepts any valid CSS color value.
|
|
17
|
-
* @cssproperty [--wje-menu-item-background-hover=var(--wje-border-color)] - Sets the background color of a menu item when hovered. Accepts any valid CSS color value.
|
|
18
|
-
* @cssproperty [--wje-menu-item-color-focus=var(--wje-color-contrast-8)] - Defines the text color of a menu item when focused. Accepts any valid CSS color value.
|
|
19
|
-
* @cssproperty [--wje-menu-item-background-focus=var(--wje-border-color)] - Specifies the background color of a menu item when focused. Accepts any valid CSS color value.
|
|
20
|
-
* @cssproperty [--wje-menu-item-color-active=var(--wje-color-contrast-8)] - Sets the text color of a menu item when active. Accepts any valid CSS color value.
|
|
21
|
-
* @cssproperty [--wje-menu-item-background-active=var(--wje-border-color)] - Specifies the background color of a menu item when active. Accepts any valid CSS color value.
|
|
22
|
-
* @cssproperty [--wje-menu-item-padding-top=.5rem] - Specifies the top padding inside a menu item. Accepts any valid CSS length value (e.g., `px`, `rem`).
|
|
23
|
-
* @cssproperty [--wje-menu-item-padding-bottom=.5rem] - Specifies the bottom padding inside a menu item. Accepts any valid CSS length value (e.g., `px`, `rem`).
|
|
24
|
-
* @cssproperty [--wje-menu-item-line-height=1.8rem] - Sets the line height for the text within a menu item. Accepts any valid CSS length value.
|
|
25
|
-
* @cssproperty [--wje-menu-submenu-offset=0] - Determines the horizontal offset of a submenu relative to its parent. Accepts any valid CSS length value.
|
|
26
|
-
* @cssproperty [--wje-menu-item-icon-visibility=hidden] - Controls the visibility of the icon in a menu item. Accepts `visible`, `hidden`, or `collapse`.
|
|
27
|
-
* @cssproperty [--wje-menu-item-safe-triangle-cursor-x] - Specifies the x-coordinate of the cursor for the safe triangle area. Used for managing hover or focus transitions between menu items and submenus.
|
|
28
|
-
* @cssproperty [--wje-menu-item-safe-triangle-cursor-y] - Specifies the y-coordinate of the cursor for the safe triangle area.
|
|
29
|
-
* @cssproperty [--wje-menu-item-safe-triangle-submenu-start-x] - Defines the x-coordinate where the submenu's safe triangle starts. Helps prevent accidental submenu closing when navigating.
|
|
30
|
-
* @cssproperty [--wje-menu-item-safe-triangle-submenu-start-y] - Defines the y-coordinate where the submenu's safe triangle starts.
|
|
31
|
-
* @cssproperty [--wje-menu-item-safe-triangle-submenu-end-x] - Specifies the x-coordinate where the submenu's safe triangle ends.
|
|
32
|
-
* @cssproperty [--wje-menu-item-safe-triangle-submenu-end-y] - Specifies the y-coordinate where the submenu's safe triangle ends.
|
|
33
|
-
* @tag wje-menu-item
|
|
34
|
-
*/
|
|
35
|
-
export default class MenuItem extends WJElement {
|
|
36
|
-
/**
|
|
37
|
-
* Getter for cssStyleSheet.
|
|
38
|
-
* @returns {string} The styles imported from styles.css.
|
|
39
|
-
*/
|
|
40
|
-
static get cssStyleSheet(): string;
|
|
41
|
-
/**
|
|
42
|
-
* Getter for observedAttributes.
|
|
43
|
-
* @returns {Array} An empty array as no attributes are being observed.
|
|
44
|
-
*/
|
|
45
|
-
static get observedAttributes(): any[];
|
|
46
|
-
_collapsible: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Getter for placement attribute.
|
|
49
|
-
* @returns {string} The placement attribute of the menu or "right-start" if it doesn't exist.
|
|
50
|
-
*/
|
|
51
|
-
get placement(): string;
|
|
52
|
-
/**
|
|
53
|
-
* Getter for offset attribute.
|
|
54
|
-
* @returns {string} The offset attribute of the menu or "0" if it doesn't exist.
|
|
55
|
-
*/
|
|
56
|
-
get offset(): string;
|
|
57
|
-
/**
|
|
58
|
-
* Getter for variant attribute.
|
|
59
|
-
* @returns {string} The variant attribute of the menu or "CONTEXT" if it doesn't exist.
|
|
60
|
-
*/
|
|
61
|
-
get variant(): string;
|
|
62
|
-
/**
|
|
63
|
-
* Getter for collapse attribute.
|
|
64
|
-
* @returns {boolean} True if the closest parent has the collapse attribute, false otherwise.
|
|
65
|
-
*/
|
|
66
|
-
get collapse(): boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Removes the active attribute from the menu before drawing the MenuItem.
|
|
69
|
-
*/
|
|
70
|
-
beforeDraw(): void;
|
|
71
|
-
/**
|
|
72
|
-
* Draws the MenuItem element and sets the variant and collapse attributes.
|
|
73
|
-
* @returns {DocumentFragment} The fragment to be appended to the MenuItem.
|
|
74
|
-
*/
|
|
75
|
-
draw(): DocumentFragment;
|
|
76
|
-
hasSubmenu: boolean;
|
|
77
|
-
popup: HTMLElement;
|
|
78
|
-
native: HTMLDivElement;
|
|
79
|
-
submenu: HTMLSlotElement;
|
|
80
|
-
/**
|
|
81
|
-
* Adds event listeners after drawing the MenuItem.
|
|
82
|
-
*/
|
|
83
|
-
afterDraw(): void;
|
|
84
|
-
unbindRouterLinks: any;
|
|
85
|
-
mouseenterHandler: (e: any) => void;
|
|
86
|
-
/**
|
|
87
|
-
* Handles the click event on the MenuItem.
|
|
88
|
-
* @param {object} e
|
|
89
|
-
*/
|
|
90
|
-
clickHandler: (e: object) => void;
|
|
91
|
-
/**
|
|
92
|
-
* Checks if the submenu should be hidden based on the event.
|
|
93
|
-
* @param {Event} e The event object.
|
|
94
|
-
*/
|
|
95
|
-
shouldHideSubmenu: (e: Event) => void;
|
|
96
|
-
/**
|
|
97
|
-
* Creates a tooltip for the MenuItem when it is collapsed.
|
|
98
|
-
* @param {HTMLElement} native The native MenuItem element.
|
|
99
|
-
* @returns {HTMLElement} The tooltip element.
|
|
100
|
-
*/
|
|
101
|
-
collapseItem(native: HTMLElement): HTMLElement;
|
|
102
|
-
/**
|
|
103
|
-
* Dispatches a mousemove event.
|
|
104
|
-
*/
|
|
105
|
-
dispatchMove: (e: any) => void;
|
|
106
|
-
/**
|
|
107
|
-
* Dispatches a reposition event.
|
|
108
|
-
*/
|
|
109
|
-
dispatchReposition: (e: any) => void;
|
|
110
|
-
/**
|
|
111
|
-
* Shows the submenu of the MenuItem.
|
|
112
|
-
*/
|
|
113
|
-
showSubmenu(): void;
|
|
114
|
-
/**
|
|
115
|
-
* Hides the submenu of the MenuItem.
|
|
116
|
-
*/
|
|
117
|
-
hideSubmenu(): void;
|
|
118
|
-
/**
|
|
119
|
-
* Toggles the active state of the submenu element.
|
|
120
|
-
* If the submenu is not active, it sets the "active" attribute.
|
|
121
|
-
* If the submenu is already active, it removes the "active" attribute.
|
|
122
|
-
* @param {Event} e The event object.
|
|
123
|
-
*/
|
|
124
|
-
submenuToggle(e: Event): void;
|
|
125
|
-
/**
|
|
126
|
-
* Deactivates the submenu by removing the "active" attribute.
|
|
127
|
-
*/
|
|
128
|
-
deactivateSubmenu(): void;
|
|
129
|
-
/**
|
|
130
|
-
* Activates the submenu of the menu item.
|
|
131
|
-
*/
|
|
132
|
-
activateSubmenu(): void;
|
|
133
|
-
/**
|
|
134
|
-
* Extracts and returns the concatenated text content from all text nodes within the specified element.
|
|
135
|
-
* @param {HTMLElement} element The HTML element from which to extract text content.
|
|
136
|
-
* @returns {string} The concatenated and trimmed text content from the element's text nodes.
|
|
137
|
-
*/
|
|
138
|
-
getTextFromElement(element: HTMLElement): string;
|
|
139
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
/**
|
|
3
|
-
* `MenuLabel` is a custom web component that represents a menu label.
|
|
4
|
-
* @summary This element represents a menu label.
|
|
5
|
-
* @documentation https://elements.webjet.sk/components/menu-label
|
|
6
|
-
* @status stable
|
|
7
|
-
* @augments {WJElement}
|
|
8
|
-
* @csspart native - The native part of the menu label.
|
|
9
|
-
* @slot - The default slot for the menu label.
|
|
10
|
-
* @cssproperty [--wje-menu-label-font-size=.75rem] - Sets the font size of the menu label. Accepts any valid CSS length unit (e.g., `rem`, `px`, `em`).
|
|
11
|
-
* @cssproperty [--wje-menu-label-weight=600] - Specifies the font weight of the menu label. Accepts values such as `normal`, `bold`, or numeric values (e.g., `400`, `600`).
|
|
12
|
-
* @cssproperty [--wje-letter-spacing=.025rem] - Defines the spacing between letters in the menu label. Accepts any valid CSS length unit. Default value ensures slight spacing for improved readability.
|
|
13
|
-
* @cssproperty [--wje-menu-label-color=var(--wje-color-contrast-6)] - Specifies the text color of the menu label. Accepts any valid CSS color value, including variables and named colors.
|
|
14
|
-
* @cssproperty [--wje-padding-top=0] - Sets the top padding of the menu label. Accepts any valid CSS length value to control spacing above the label.
|
|
15
|
-
* @cssproperty [--wje-padding-bottom=0] - Sets the bottom padding of the menu label. Accepts any valid CSS length value to control spacing below the label.
|
|
16
|
-
* @cssproperty [--wje-padding-start=1.5rem] - Specifies the left padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the right padding. Accepts any valid CSS length value.
|
|
17
|
-
* @cssproperty [--wje-padding-end=1.5rem] - Specifies the right padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the left padding. Accepts any valid CSS length value.
|
|
18
|
-
* @tag wje-menu-label
|
|
19
|
-
*/
|
|
20
|
-
export default class MenuLabel extends WJElement {
|
|
21
|
-
/**
|
|
22
|
-
* Returns the CSS styles for the component.
|
|
23
|
-
* @static
|
|
24
|
-
* @returns {CSSStyleSheet}
|
|
25
|
-
*/
|
|
26
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
27
|
-
/**
|
|
28
|
-
* Returns the list of attributes to observe for changes.
|
|
29
|
-
* @static
|
|
30
|
-
* @returns {Array<string>}
|
|
31
|
-
*/
|
|
32
|
-
static get observedAttributes(): string[];
|
|
33
|
-
hasSubmenu: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Draws the component for the menu label.
|
|
36
|
-
* @returns {DocumentFragment}
|
|
37
|
-
*/
|
|
38
|
-
draw(): DocumentFragment;
|
|
39
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { default as WJElement } from '../wje-element/element.js';
|
|
2
|
-
import { default as Icon } from '../wje-icon/icon.js';
|
|
3
|
-
/**
|
|
4
|
-
* `Option` is a custom web component that represents an option.
|
|
5
|
-
* @summary This element represents an option.
|
|
6
|
-
* @documentation https://elements.webjet.sk/components/option
|
|
7
|
-
* @status stable
|
|
8
|
-
* @augments {WJElement}
|
|
9
|
-
* @csspart native - The native part of the option.
|
|
10
|
-
* @slot start - The slot for the start of the option.
|
|
11
|
-
* @slot - The default slot for the option.
|
|
12
|
-
* @slot end - The slot for the end of the option.
|
|
13
|
-
* // @fires wje-option:change - Event fired when the option is clicked.
|
|
14
|
-
* @tag wje-option
|
|
15
|
-
*/
|
|
16
|
-
export default class Option extends WJElement {
|
|
17
|
-
/**
|
|
18
|
-
* Returns the CSS styles for the component.
|
|
19
|
-
* @static
|
|
20
|
-
* @returns {CSSStyleSheet}
|
|
21
|
-
*/
|
|
22
|
-
static get cssStyleSheet(): CSSStyleSheet;
|
|
23
|
-
/**
|
|
24
|
-
* Returns the list of attributes to observe for changes.
|
|
25
|
-
* @static
|
|
26
|
-
* @returns {Array<string>}
|
|
27
|
-
*/
|
|
28
|
-
static get observedAttributes(): string[];
|
|
29
|
-
/**
|
|
30
|
-
* Dependencies of the Option component.
|
|
31
|
-
*/
|
|
32
|
-
dependencies: {
|
|
33
|
-
'wje-icon': typeof Icon;
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* Sets the selected attribute of the option.
|
|
37
|
-
* @param {boolean} value The value to set.
|
|
38
|
-
*/
|
|
39
|
-
set selected(value: boolean);
|
|
40
|
-
/**
|
|
41
|
-
* Sets the value attribute of the option.
|
|
42
|
-
* @param {string} value The value to set.
|
|
43
|
-
*/
|
|
44
|
-
set value(value: string);
|
|
45
|
-
/**
|
|
46
|
-
* Sets the text content of the option.
|
|
47
|
-
* @param {string} value The text to set.
|
|
48
|
-
*/
|
|
49
|
-
set text(value: string);
|
|
50
|
-
/**
|
|
51
|
-
* Draws the component for the option.
|
|
52
|
-
* @returns {DocumentFragment}
|
|
53
|
-
*/
|
|
54
|
-
draw(): DocumentFragment;
|
|
55
|
-
/**
|
|
56
|
-
* Adds event listeners after the component is drawn.
|
|
57
|
-
*/
|
|
58
|
-
afterDraw(): void;
|
|
59
|
-
}
|