@roadtrip/components 3.51.3 → 3.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +70 -14
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-card.cjs.entry.js +12 -2
- package/dist/cjs/road-card.cjs.entry.js.map +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +4 -3
- package/dist/cjs/road-segmented-button.cjs.entry.js.map +1 -1
- package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +1 -1
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-status-chip.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +1 -1
- package/dist/cjs/road-time-range-picker.cjs.entry.js +1 -1
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/road-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +2 -2
- package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/badge/badge.css +9 -1
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/badge/badge.stories.js +1 -1
- package/dist/collection/components/card/card.css +10 -0
- package/dist/collection/components/card/card.js +31 -1
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/card/card.stories.js +16 -0
- package/dist/collection/components/drawer/drawer.css +41 -3
- package/dist/collection/components/drawer/drawer.js +113 -12
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/segmented-button/segmented-button.css +14 -1
- package/dist/collection/components/segmented-button/segmented-button.js +24 -4
- package/dist/collection/components/segmented-button/segmented-button.js.map +1 -1
- package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
- package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
- package/dist/collection/components/segmented-buttons/segmented-buttons.stories.js +39 -0
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/select-filter/select-filter.js +1 -1
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/status-chip/status-chip.js +1 -1
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/time-range-picker/time-range-picker.js +1 -1
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/collection/components/toast/toast.js.map +1 -1
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
- package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
- package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +70 -14
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-card.entry.js +12 -2
- package/dist/esm/road-card.entry.js.map +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +4 -3
- package/dist/esm/road-segmented-button.entry.js.map +1 -1
- package/dist/esm/road-segmented-buttons.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +1 -1
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-status-chip.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +1 -1
- package/dist/esm/road-time-range-picker.entry.js +1 -1
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/road-toast.entry.js.map +1 -1
- package/dist/esm/road-toggle.entry.js +2 -2
- package/dist/esm/road-toolbar-title-page.entry.js +1 -1
- package/dist/esm/road-toolbar-title.entry.js +1 -1
- package/dist/esm/road-toolbar-v2.entry.js +1 -1
- package/dist/esm/road-tooltip.entry.js +3 -3
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +25 -0
- package/dist/roadtrip/{p-0c6ad72e.entry.js → p-19ff95e3.entry.js} +2 -2
- package/dist/roadtrip/{p-3dfa5636.entry.js → p-22de5cde.entry.js} +2 -2
- package/dist/roadtrip/{p-ac64606d.entry.js → p-2b2749da.entry.js} +2 -2
- package/dist/roadtrip/{p-ce281723.entry.js → p-319a0ef7.entry.js} +5 -5
- package/dist/roadtrip/p-319a0ef7.entry.js.map +1 -0
- package/dist/roadtrip/{p-9b1fa6a6.entry.js → p-320b58c5.entry.js} +2 -2
- package/dist/roadtrip/p-3444d6fe.entry.js +2 -0
- package/dist/roadtrip/p-3444d6fe.entry.js.map +1 -0
- package/dist/roadtrip/{p-4374d63f.entry.js → p-3646f072.entry.js} +2 -2
- package/dist/roadtrip/{p-4374d63f.entry.js.map → p-3646f072.entry.js.map} +1 -1
- package/dist/roadtrip/{p-335498ee.entry.js → p-368b36e3.entry.js} +2 -2
- package/dist/roadtrip/p-3d30fba4.entry.js +2 -0
- package/dist/roadtrip/{p-1f1021bc.entry.js → p-41aa8071.entry.js} +2 -2
- package/dist/roadtrip/p-41dbdb75.entry.js +2 -0
- package/dist/roadtrip/p-41dbdb75.entry.js.map +1 -0
- package/dist/roadtrip/{p-456f66fc.entry.js → p-54ccd027.entry.js} +2 -2
- package/dist/roadtrip/{p-187ab5f5.entry.js → p-579fce4c.entry.js} +2 -2
- package/dist/roadtrip/p-7563a0f9.entry.js +2 -0
- package/dist/roadtrip/{p-7aceed1a.entry.js.map → p-7563a0f9.entry.js.map} +1 -1
- package/dist/roadtrip/{p-dbb675a2.entry.js → p-77578033.entry.js} +2 -2
- package/dist/roadtrip/{p-543ef281.entry.js → p-93ffbb6e.entry.js} +2 -2
- package/dist/roadtrip/{p-6311f3f0.entry.js → p-9ecf3634.entry.js} +2 -2
- package/dist/roadtrip/{p-718c6406.entry.js → p-a25cdb1f.entry.js} +2 -2
- package/dist/roadtrip/{p-83f9db8d.entry.js → p-ae250ecf.entry.js} +2 -2
- package/dist/roadtrip/{p-3d4cd373.entry.js → p-ae53bc43.entry.js} +2 -2
- package/dist/roadtrip/{p-61190b12.entry.js → p-bfc2379c.entry.js} +2 -2
- package/dist/roadtrip/{p-da0a75ff.entry.js → p-c6206416.entry.js} +2 -2
- package/dist/roadtrip/{p-85e18b2f.entry.js → p-d42b2603.entry.js} +2 -2
- package/dist/roadtrip/{p-5381957c.entry.js → p-fb7caf90.entry.js} +2 -2
- package/dist/roadtrip/{p-d1de4eb6.entry.js → p-fba1b425.entry.js} +2 -2
- package/dist/roadtrip/{p-ceb904c0.entry.js → p-fc261f58.entry.js} +2 -2
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/card/card.d.ts +6 -0
- package/dist/types/components/drawer/drawer.d.ts +16 -0
- package/dist/types/components/segmented-button/segmented-button.d.ts +5 -1
- package/dist/types/components.d.ts +38 -2
- package/dist/types/interface.d.ts +1 -1
- package/hydrate/index.js +124 -52
- package/hydrate/index.mjs +124 -52
- package/package.json +1 -1
- package/dist/roadtrip/p-249b8592.entry.js +0 -2
- package/dist/roadtrip/p-4bbe3312.entry.js +0 -2
- package/dist/roadtrip/p-4bbe3312.entry.js.map +0 -1
- package/dist/roadtrip/p-7aceed1a.entry.js +0 -2
- package/dist/roadtrip/p-ce281723.entry.js.map +0 -1
- package/dist/roadtrip/p-f0d930e5.entry.js +0 -2
- package/dist/roadtrip/p-f0d930e5.entry.js.map +0 -1
- /package/dist/roadtrip/{p-0c6ad72e.entry.js.map → p-19ff95e3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3dfa5636.entry.js.map → p-22de5cde.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ac64606d.entry.js.map → p-2b2749da.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9b1fa6a6.entry.js.map → p-320b58c5.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-335498ee.entry.js.map → p-368b36e3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-249b8592.entry.js.map → p-3d30fba4.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-1f1021bc.entry.js.map → p-41aa8071.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-456f66fc.entry.js.map → p-54ccd027.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-187ab5f5.entry.js.map → p-579fce4c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-dbb675a2.entry.js.map → p-77578033.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-543ef281.entry.js.map → p-93ffbb6e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-6311f3f0.entry.js.map → p-9ecf3634.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-718c6406.entry.js.map → p-a25cdb1f.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-83f9db8d.entry.js.map → p-ae250ecf.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3d4cd373.entry.js.map → p-ae53bc43.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-61190b12.entry.js.map → p-bfc2379c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-da0a75ff.entry.js.map → p-c6206416.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-85e18b2f.entry.js.map → p-d42b2603.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5381957c.entry.js.map → p-fb7caf90.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d1de4eb6.entry.js.map → p-fba1b425.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ceb904c0.entry.js.map → p-fc261f58.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -3524,7 +3524,7 @@ class Avatar {
|
|
|
3524
3524
|
}; }
|
|
3525
3525
|
}
|
|
3526
3526
|
|
|
3527
|
-
const badgeCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1rem;min-height:1rem;padding:0 0.3125rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-10);font-weight:700;white-space:nowrap;border-radius:1rem}:host(.badge-bubble){min-width:0.25rem;min-height:0.25rem;padding:0}:host(.badge-primary){color:var(--road-on-primary);background-color:var(--road-primary)}:host(.badge-secondary){color:var(--road-on-secondary);background-color:var(--road-secondary)}:host(.badge-accent){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-info){color:var(--road-on-info-surface-inverse);background-color:var(--road-info-surface-inverse)}:host(.badge-success){color:var(--road-on-success-surface-inverse);background-color:var(--road-success-surface-inverse)}:host(.badge-warning){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-danger){color:var(--road-on-danger-surface-inverse);background-color:var(--road-danger-surface-inverse)}:host(.badge-inverse){color:var(--road-primary);background-color:var(--road-surface)}:host(.badge-sm){font-size:8px}:host(.badge-md){font-size:8px}:host(.badge-lg){font-size:var(--road-font-size-10)}";
|
|
3527
|
+
const badgeCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1rem;min-height:1rem;padding:0 0.3125rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-10);font-weight:700;white-space:nowrap;border-radius:1rem}:host(.badge-bubble){min-width:0.25rem;min-height:0.25rem;padding:0}:host(.badge-primary){color:var(--road-on-primary);background-color:var(--road-primary)}:host(.badge-secondary){color:var(--road-on-secondary);background-color:var(--road-secondary)}:host(.badge-accent){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-info){color:var(--road-on-info-surface-inverse);background-color:var(--road-info-surface-inverse)}:host(.badge-success){color:var(--road-on-success-surface-inverse);background-color:var(--road-success-surface-inverse)}:host(.badge-warning){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-danger){color:var(--road-on-danger-surface-inverse);background-color:var(--road-danger-surface-inverse)}:host(.badge-inverse){color:var(--road-primary);background-color:var(--road-surface)}:host(.badge-neutral){color:var(--road-on-surface-weak);background-color:var(--road-surface-inverse)}:host(.badge-sm){font-size:8px}:host(.badge-md){font-size:8px}:host(.badge-lg){font-size:var(--road-font-size-10)}";
|
|
3528
3528
|
var RoadBadgeStyle0 = badgeCss;
|
|
3529
3529
|
|
|
3530
3530
|
/**
|
|
@@ -3921,7 +3921,7 @@ class ButtonBar {
|
|
|
3921
3921
|
this.selectedTabChanged();
|
|
3922
3922
|
}
|
|
3923
3923
|
render() {
|
|
3924
|
-
return (hAsync(Host, { key: '
|
|
3924
|
+
return (hAsync(Host, { key: '76466abd7a912ac1a0df83853216c3f20ac3086a', role: "tablist" }, hAsync("slot", { key: '04290019d2aea356a7fd24739b68c371455e3b70' })));
|
|
3925
3925
|
}
|
|
3926
3926
|
get el() { return getElement(this); }
|
|
3927
3927
|
static get watchers() { return {
|
|
@@ -3940,7 +3940,7 @@ class ButtonBar {
|
|
|
3940
3940
|
}; }
|
|
3941
3941
|
}
|
|
3942
3942
|
|
|
3943
|
-
const cardCss = ":host{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02);padding:var(--road-spacing-03)}:host(.card-elevation-none){box-shadow:none}:host(.card-elevation-lowest){box-shadow:var(--road-elevation-lowest)}:host(.card-elevation-average){box-shadow:var(--road-elevation-average)}:host(.is-button){border:1px solid var(--road-outline);padding:0}:host(.is-button:hover){border:1px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button:focus-visible),:host(.is-button:focus){border:1px solid var(--road-outline);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.is-disabled){cursor:not-allowed;pointer-events:none;border:1px solid var(--road-surface-disabled);background:var(--road-surface-disabled)}:host(.is-button.is-disabled) .card-native,:host(.is-button.selected.is-disabled) .card-native{background:none}:host(.is-button.selected){border:2px solid var(--road-primary);outline:none}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:focus-visible),:host(.is-button.selected:focus){border:2px solid var(--road-outline-variant);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-disabled){cursor:not-allowed;pointer-events:none;outline:none;background:var(--road-surface-disabled);border:2px solid var(--road-surface-disabled)}.card-native{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a,button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";
|
|
3943
|
+
const cardCss = ":host{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02);padding:var(--road-spacing-03)}:host(.card-elevation-none){box-shadow:none}:host(.card-elevation-lowest){box-shadow:var(--road-elevation-lowest)}:host(.card-elevation-average){box-shadow:var(--road-elevation-average)}:host(.is-button){border:1px solid var(--road-outline);padding:0}:host(.is-button:hover){border:1px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button:focus-visible),:host(.is-button:focus){border:1px solid var(--road-outline);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.is-disabled){cursor:not-allowed;pointer-events:none;border:1px solid var(--road-surface-disabled);background:var(--road-surface-disabled)}:host(.is-button.is-disabled) .card-native,:host(.is-button.selected.is-disabled) .card-native{background:none}:host(.is-button.selected){border:2px solid var(--road-primary);outline:none}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected.is-single:hover){border:2px solid var(--road-primary);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:focus-visible),:host(.is-button.selected:focus){border:2px solid var(--road-outline-variant);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-single:focus){border:2px solid var(--road-primary);outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-disabled){cursor:not-allowed;pointer-events:none;outline:none;background:var(--road-surface-disabled);border:2px solid var(--road-surface-disabled)}.card-native{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a,button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";
|
|
3944
3944
|
var RoadCardStyle0 = cardCss;
|
|
3945
3945
|
|
|
3946
3946
|
/**
|
|
@@ -3971,6 +3971,12 @@ class Card {
|
|
|
3971
3971
|
* Only applies when in button mode (button=true and no href).
|
|
3972
3972
|
*/
|
|
3973
3973
|
this.disabled = false;
|
|
3974
|
+
/**
|
|
3975
|
+
* Defines the selection mode.
|
|
3976
|
+
* - `"single"`: only one card can be selected at a time (focus outline disabled).
|
|
3977
|
+
* - `"multiple"`: multiple cards can be selected simultaneously.
|
|
3978
|
+
*/
|
|
3979
|
+
this.selectionMode = "multiple";
|
|
3974
3980
|
/**
|
|
3975
3981
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
3976
3982
|
*/
|
|
@@ -3986,6 +3992,9 @@ class Card {
|
|
|
3986
3992
|
}
|
|
3987
3993
|
// Toggle selected state on click for clickable cards
|
|
3988
3994
|
this.selected = !this.selected;
|
|
3995
|
+
if (this.selectionMode === "single") {
|
|
3996
|
+
e.currentTarget.blur();
|
|
3997
|
+
}
|
|
3989
3998
|
if (this.value !== undefined) {
|
|
3990
3999
|
this.roadcardclick.emit({
|
|
3991
4000
|
value: this.value,
|
|
@@ -4034,7 +4043,8 @@ class Card {
|
|
|
4034
4043
|
const selectedClass = this.selected ? "selected" : "";
|
|
4035
4044
|
const isButtonClass = isButtonMode ? "is-button" : "";
|
|
4036
4045
|
const disabledClass = isButtonMode && this.disabled ? "is-disabled" : "";
|
|
4037
|
-
|
|
4046
|
+
const singleClass = isButtonMode && this.selectionMode === "single" ? "is-single" : "";
|
|
4047
|
+
return (hAsync(Host, { key: 'fc2636b92be59ddf232b162574c3cdd3a7042a50', class: `${elevationClass} ${selectedClass} ${isButtonClass} ${disabledClass} ${singleClass}` }, this.renderCard()));
|
|
4038
4048
|
}
|
|
4039
4049
|
get el() { return getElement(this); }
|
|
4040
4050
|
static get style() { return RoadCardStyle0; }
|
|
@@ -4047,6 +4057,7 @@ class Card {
|
|
|
4047
4057
|
"value": [1],
|
|
4048
4058
|
"selected": [516],
|
|
4049
4059
|
"disabled": [516],
|
|
4060
|
+
"selectionMode": [513, "selection-mode"],
|
|
4050
4061
|
"type": [1],
|
|
4051
4062
|
"download": [1],
|
|
4052
4063
|
"href": [1],
|
|
@@ -4055,7 +4066,7 @@ class Card {
|
|
|
4055
4066
|
},
|
|
4056
4067
|
"$listeners$": undefined,
|
|
4057
4068
|
"$lazyBundleId$": "-",
|
|
4058
|
-
"$attrsToReflect$": [["selected", "selected"], ["disabled", "disabled"]]
|
|
4069
|
+
"$attrsToReflect$": [["selected", "selected"], ["disabled", "disabled"], ["selectionMode", "selection-mode"]]
|
|
4059
4070
|
}; }
|
|
4060
4071
|
}
|
|
4061
4072
|
|
|
@@ -13021,7 +13032,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
13021
13032
|
return trap;
|
|
13022
13033
|
};
|
|
13023
13034
|
|
|
13024
|
-
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;
|
|
13035
|
+
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;transition:visibility 0s linear 0.3s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay);opacity:0}.road-drawer-wrapper{width:100%}.road-drawer-wrapper .drawer-dialog{position:absolute;right:0;width:100%;pointer-events:none;transition:transform 0.3s ease-out;opacity:0;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .road-drawer-wrapper .drawer-dialog{transform:translateX(100%)}:host(.drawer-left) .road-drawer-wrapper .drawer-dialog{left:0}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;transition:visibility 0s linear 0s}:host(.drawer-open) .drawer-overlay,:host(.drawer-open) .drawer-dialog{opacity:1}:host(.drawer-open) .road-drawer-wrapper .drawer-dialog{transform:none}@media (prefers-reduced-motion: no-preference){:host(.drawer-open) .drawer-overlay,:host(.drawer-open) .drawer-dialog{animation:road-drawer-fade-in 0.3s ease-out both}.drawer-overlay,.drawer-dialog{animation:road-drawer-fade-out 0.3s ease-out both}@keyframes road-drawer-fade-in{from{opacity:0}to{opacity:1}}@keyframes road-drawer-fade-out{from{opacity:1}to{opacity:0}}}";
|
|
13025
13036
|
var RoadDrawerStyle0 = drawerCss;
|
|
13026
13037
|
|
|
13027
13038
|
/**
|
|
@@ -13071,10 +13082,19 @@ class Drawer {
|
|
|
13071
13082
|
* Override focus trap
|
|
13072
13083
|
*/
|
|
13073
13084
|
this.enabledFocusTrap = true;
|
|
13085
|
+
/**
|
|
13086
|
+
* whitelisted selectors
|
|
13087
|
+
*/
|
|
13088
|
+
this.whitelistSelectors = [];
|
|
13074
13089
|
/**
|
|
13075
13090
|
* Footer Content state
|
|
13076
13091
|
*/
|
|
13077
13092
|
this.hasFooterContent = false;
|
|
13093
|
+
/**
|
|
13094
|
+
* Used to ensure open transitions run when the drawer
|
|
13095
|
+
* is initially mounted with `isOpen=true`.
|
|
13096
|
+
*/
|
|
13097
|
+
this.hasMounted = false;
|
|
13078
13098
|
this.onFooterSlotChange = (event) => {
|
|
13079
13099
|
const slot = event.target;
|
|
13080
13100
|
this.hasFooterContent = slot.assignedElements().length > 0;
|
|
@@ -13127,6 +13147,35 @@ class Drawer {
|
|
|
13127
13147
|
async back() {
|
|
13128
13148
|
this.onBack.emit();
|
|
13129
13149
|
}
|
|
13150
|
+
/**
|
|
13151
|
+
* Update the whitelist selectors at runtime and recreate the focus trap.
|
|
13152
|
+
* Use this instead of updating the prop directly to ensure the change is detected,
|
|
13153
|
+
* since Stencil compares arrays by reference.
|
|
13154
|
+
*/
|
|
13155
|
+
async updateWhitelistSelectors(selectors) {
|
|
13156
|
+
var _a;
|
|
13157
|
+
this.whitelistSelectors = selectors;
|
|
13158
|
+
const containers = [];
|
|
13159
|
+
this.whitelistSelectors.forEach(selector => {
|
|
13160
|
+
const el = document.querySelector(selector);
|
|
13161
|
+
if (el)
|
|
13162
|
+
containers.push(el);
|
|
13163
|
+
});
|
|
13164
|
+
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".road-drawer-wrapper");
|
|
13165
|
+
if (drawerContent)
|
|
13166
|
+
containers.push(drawerContent);
|
|
13167
|
+
this.resetFocusTrap(containers);
|
|
13168
|
+
}
|
|
13169
|
+
resetFocusTrap(elements) {
|
|
13170
|
+
if (this.focusTrap) {
|
|
13171
|
+
const isActive = this.focusTrap.active;
|
|
13172
|
+
this.focusTrap.deactivate();
|
|
13173
|
+
this.focusTrap = undefined;
|
|
13174
|
+
if (isActive) {
|
|
13175
|
+
this.getOrCreateFocusTrap(elements).activate();
|
|
13176
|
+
}
|
|
13177
|
+
}
|
|
13178
|
+
}
|
|
13130
13179
|
/**
|
|
13131
13180
|
* Enable/disable focus trap so it can be overrided by the client in case of something appearing over the drawer like a modal for example
|
|
13132
13181
|
*/
|
|
@@ -13142,18 +13191,19 @@ class Drawer {
|
|
|
13142
13191
|
}, 100); // Timeout is used to ensure the drawer has been rendered when client wants to update the property at the same time
|
|
13143
13192
|
}
|
|
13144
13193
|
handleOpen(openValue) {
|
|
13145
|
-
var _a;
|
|
13194
|
+
var _a, _b;
|
|
13195
|
+
const dialog = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drawer-dialog');
|
|
13146
13196
|
if (openValue === true) {
|
|
13147
13197
|
this.onOpen.emit();
|
|
13148
|
-
|
|
13198
|
+
dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("transitionend", () => {
|
|
13149
13199
|
if (this.enabledFocusTrap) {
|
|
13150
13200
|
this.getOrCreateFocusTrap().activate();
|
|
13151
13201
|
}
|
|
13152
13202
|
}, { once: true });
|
|
13153
13203
|
}
|
|
13154
13204
|
else {
|
|
13155
|
-
(
|
|
13156
|
-
|
|
13205
|
+
(_b = this.focusTrap) === null || _b === void 0 ? void 0 : _b.deactivate();
|
|
13206
|
+
dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("transitionend", () => {
|
|
13157
13207
|
this.onClose.emit();
|
|
13158
13208
|
this.el.shadowRoot &&
|
|
13159
13209
|
(this.el.shadowRoot.querySelector(".drawer-body").scrollTop = 0);
|
|
@@ -13172,20 +13222,36 @@ class Drawer {
|
|
|
13172
13222
|
this.el.querySelectorAll('[data-dismiss="modal"]').forEach((item) => {
|
|
13173
13223
|
item.addEventListener("click", () => this.close());
|
|
13174
13224
|
});
|
|
13175
|
-
|
|
13176
|
-
|
|
13177
|
-
|
|
13225
|
+
// Wait for the first paint so the "closed" transform can be applied,
|
|
13226
|
+
// then open on the next frame to allow CSS transitions to run.
|
|
13227
|
+
requestAnimationFrame(() => {
|
|
13228
|
+
this.hasMounted = true;
|
|
13229
|
+
if (this.isOpen) {
|
|
13230
|
+
this.handleOpen(true);
|
|
13231
|
+
}
|
|
13232
|
+
});
|
|
13178
13233
|
}
|
|
13179
|
-
getOrCreateFocusTrap() {
|
|
13234
|
+
getOrCreateFocusTrap(elements) {
|
|
13180
13235
|
var _a;
|
|
13181
13236
|
if (!this.focusTrap) {
|
|
13182
13237
|
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".road-drawer-wrapper");
|
|
13183
|
-
|
|
13238
|
+
const elmt = (elements === null || elements === void 0 ? void 0 : elements.length) ? elements : [drawerContent];
|
|
13239
|
+
this.focusTrap = createFocusTrap(elmt, {
|
|
13240
|
+
initialFocus: () => {
|
|
13241
|
+
if (!elmt.length)
|
|
13242
|
+
return undefined;
|
|
13243
|
+
const allTabbables = tabbable(elmt[0], { getShadowRoot: true });
|
|
13244
|
+
return allTabbables[0];
|
|
13245
|
+
},
|
|
13184
13246
|
onActivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.add("focus-trapped"),
|
|
13185
13247
|
onDeactivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.remove("focus-trapped"),
|
|
13248
|
+
allowOutsideClick: (event) => {
|
|
13249
|
+
return this.whitelistSelectors.some(s => event.target.closest(s));
|
|
13250
|
+
},
|
|
13186
13251
|
tabbableOptions: {
|
|
13187
13252
|
getShadowRoot: true,
|
|
13188
13253
|
},
|
|
13254
|
+
fallbackFocus: this.el,
|
|
13189
13255
|
preventScroll: true,
|
|
13190
13256
|
});
|
|
13191
13257
|
}
|
|
@@ -13193,7 +13259,8 @@ class Drawer {
|
|
|
13193
13259
|
}
|
|
13194
13260
|
render() {
|
|
13195
13261
|
var _a, _b, _c;
|
|
13196
|
-
const
|
|
13262
|
+
const isEffectivelyOpen = this.isOpen && this.hasMounted;
|
|
13263
|
+
const drawerIsOpenClass = isEffectivelyOpen ? "drawer-open" : "";
|
|
13197
13264
|
const removePaddingClass = this.removePadding ? "remove-padding" : "";
|
|
13198
13265
|
const inverseHeaderClass = this.hasInverseHeader
|
|
13199
13266
|
? "drawer-header-inverse"
|
|
@@ -13205,7 +13272,7 @@ class Drawer {
|
|
|
13205
13272
|
const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
|
|
13206
13273
|
const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
|
|
13207
13274
|
const drawerWidthValue = this.position === "bottom" ? "100%" : `${this.drawerWidth}px`;
|
|
13208
|
-
return (hAsync(Host, { key: '
|
|
13275
|
+
return (hAsync(Host, { key: 'ecd747ab4372bed7cefb4647dfaf9404c7206b53', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '1d5760b82a095696e30867669f607d5c3608c308', class: "road-drawer-wrapper" }, hAsync("div", { key: '4d519361b71dd228e7a35a1ee20f741911e0752f', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '36dc3dac85b6784b66f5a12476be608d2b43c40c', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, hAsync("div", { key: '74a7d03928a6919fa6cd95c6a66a61c9bf225e20', class: "drawer-content" }, hAsync("header", { key: 'f4c543d1ea08ee62ea3a9f93e34499a7f5c81fa5', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '796030c5a5cf6661aa4c1f4c10cc039e0e550d4c', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '8c0bdfa660ace789ea5a01ada7ce3cd9c5cc3d4a' })), hAsync("footer", { key: 'a52a747ea4c5de885fc440ac4f8247f5c9ab88b0', class: `drawer-footer ${removePaddingClass}`, hidden: !this.hasFooterContent }, hAsync("slot", { key: '0bef80d08a9e6078f025768eb88f93df86517fb9', name: "footer", onSlotchange: this.onFooterSlotChange })))))));
|
|
13209
13276
|
}
|
|
13210
13277
|
get el() { return getElement(this); }
|
|
13211
13278
|
static get watchers() { return {
|
|
@@ -13230,11 +13297,14 @@ class Drawer {
|
|
|
13230
13297
|
"ariaLabelClose": [1, "aria-label-close"],
|
|
13231
13298
|
"hasCloseIcon": [4, "has-close-icon"],
|
|
13232
13299
|
"enabledFocusTrap": [4, "enabled-focus-trap"],
|
|
13300
|
+
"whitelistSelectors": [1040],
|
|
13233
13301
|
"focusTrap": [32],
|
|
13234
13302
|
"hasFooterContent": [32],
|
|
13303
|
+
"hasMounted": [32],
|
|
13235
13304
|
"open": [64],
|
|
13236
13305
|
"close": [64],
|
|
13237
|
-
"back": [64]
|
|
13306
|
+
"back": [64],
|
|
13307
|
+
"updateWhitelistSelectors": [64]
|
|
13238
13308
|
},
|
|
13239
13309
|
"$listeners$": [[4, "keyup", "onEscape"]],
|
|
13240
13310
|
"$lazyBundleId$": "-",
|
|
@@ -34568,7 +34638,7 @@ class RoadTimeRangePicker {
|
|
|
34568
34638
|
return { start: this.start, end: this.end };
|
|
34569
34639
|
}
|
|
34570
34640
|
render() {
|
|
34571
|
-
return (hAsync(Host, { key: '
|
|
34641
|
+
return (hAsync(Host, { key: '4c05c2fcbbe5c0f7df1c3e9750873faad0fa7b5c', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '2c963e240ae199d1eee6ba76d85013eac8ccfdb8', class: "label m-0" }, this.label, this.required && hAsync("span", { key: 'd8232329248063a4b3dc7b4ba746cb31d4e9f56e', class: "required-indicator" }, " *"))), hAsync("div", { key: 'a848889d0465791fb95ce1c8264212d681e60ae9', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: 'a4ded18bd9a179c34616e5a176c4c96189a99de8', name: "start" }), hAsync("span", { key: 'abd5e370b9ae64e5ce7f236017c0bf02a15ef8de', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'a8445f25548d8580c6275860d330e189f64d1d4c', name: "end" })), hAsync("div", { key: '26723daafbce66f009a0b3d2708a0fa47531947d', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: '751b03bef9d11b330916ca30d431185034d65294', class: "helper mt-1" }, this.helper)));
|
|
34572
34642
|
}
|
|
34573
34643
|
get hostEl() { return getElement(this); }
|
|
34574
34644
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -34617,7 +34687,7 @@ class Row {
|
|
|
34617
34687
|
}; }
|
|
34618
34688
|
}
|
|
34619
34689
|
|
|
34620
|
-
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:
|
|
34690
|
+
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:3rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-weak);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-radius:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-right:var(--road-spacing-02);overflow:hidden}:host(:last-child){margin-right:0}:host(.btn-sm){height:2.5rem}:host(.btn-md){height:2.75rem}:host(.btn-lg){height:3rem}:host(.tab-selected){color:var(--road-button-primary);fill:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(.tab-selected:hover){color:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(:hover){color:var(--road-on-surface);background-color:var(--road-surface-inverse)}:host(.focus-visible){outline:auto}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host ::slotted(road-icon){margin:-0.2rem var(--road-spacing-03) -0.2rem 0;float:left}.button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;align-items:center}.button-content-badge{margin-left:var(--road-spacing-03)}";
|
|
34621
34691
|
var RoadSegmentedButtonStyle0 = segmentedButtonCss;
|
|
34622
34692
|
|
|
34623
34693
|
/**
|
|
@@ -34676,10 +34746,11 @@ class SegmentedButton {
|
|
|
34676
34746
|
render() {
|
|
34677
34747
|
const { tabIndex, selected, tab } = this;
|
|
34678
34748
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
34679
|
-
return (hAsync(Host, { key: '
|
|
34749
|
+
return (hAsync(Host, { key: 'c32084087edad1374074d06d73fe718361396247', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
34680
34750
|
'tab-selected': selected,
|
|
34681
34751
|
[`${sizeClass}`]: true,
|
|
34682
|
-
} }, hAsync("span", { key: '
|
|
34752
|
+
} }, hAsync("span", { key: '55c39f3b6508f33537a0d0e243bc61a700d5c533', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: 'fa599539a08ff52bbfe0c479e809926aecabc85a', class: "button-content" }, hAsync("slot", { key: '044b41c9a2217d62aa30f4221d4a5670105e7bd5' }), this.badge &&
|
|
34753
|
+
hAsync("road-badge", { key: '35a10d98aa0149976dcb21c4f7cb546753ed933f', color: this.selected ? 'primary' : 'neutral', class: "button-content-badge" }, this.badge)))));
|
|
34683
34754
|
}
|
|
34684
34755
|
get el() { return getElement(this); }
|
|
34685
34756
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -34689,7 +34760,8 @@ class SegmentedButton {
|
|
|
34689
34760
|
"$members$": {
|
|
34690
34761
|
"size": [1],
|
|
34691
34762
|
"selected": [1028],
|
|
34692
|
-
"tab": [1]
|
|
34763
|
+
"tab": [1],
|
|
34764
|
+
"badge": [1]
|
|
34693
34765
|
},
|
|
34694
34766
|
"$listeners$": [[8, "roadSegmentedButtonBarChanged", "onButtonBarChanged"], [8, "roadSegmentedButtonbarchanged", "onButtonBarChanged"]],
|
|
34695
34767
|
"$lazyBundleId$": "-",
|
|
@@ -34800,7 +34872,7 @@ class Select {
|
|
|
34800
34872
|
const labelId = this.selectId + '-label';
|
|
34801
34873
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
34802
34874
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
34803
|
-
return (hAsync(Host, { key: '
|
|
34875
|
+
return (hAsync(Host, { key: '5bb29d6c8e7ed03e244ec3fdd239589bab5cabe0', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '2493089b1bb3c57c3af43ebbb5daff18ae4744e0', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: 'e2bf03909eac53047f830ce9a655a643690f918e', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: '8a8ad20b057bec306e122587b24f5ffbcb79a3de', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '1d5648a6e2fb46921900ff639b17ac5cc536350e', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '88a14e5d848bda00fea2088013037f37559387f0', class: "helper" }, this.helper)));
|
|
34804
34876
|
}
|
|
34805
34877
|
static get watchers() { return {
|
|
34806
34878
|
"value": ["valueChanged"]
|
|
@@ -36794,7 +36866,7 @@ class SelectFilter {
|
|
|
36794
36866
|
const options = this.filteredOptions;
|
|
36795
36867
|
const isActive = this.isActive ? 'true' : 'false';
|
|
36796
36868
|
const notActive = this.isActive ? '' : 'not-active';
|
|
36797
|
-
return (hAsync(Host, { key: '
|
|
36869
|
+
return (hAsync(Host, { key: '7fdfb3dadc614f4e851891dceb20e19f33074443', "is-active": isActive }, hAsync("slot", { key: 'e2be686790e0ad87e002c8f393cee0ac0864d532' }), this.isOpen && (hAsync("div", { key: '155ccb2711eaa3f8e92f25a3d3b7b9dfa34d4021', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
|
|
36798
36870
|
}
|
|
36799
36871
|
get el() { return getElement(this); }
|
|
36800
36872
|
static get watchers() { return {
|
|
@@ -36830,7 +36902,7 @@ class Skeleton {
|
|
|
36830
36902
|
registerInstance(this, hostRef);
|
|
36831
36903
|
}
|
|
36832
36904
|
render() {
|
|
36833
|
-
return (hAsync("span", { key: '
|
|
36905
|
+
return (hAsync("span", { key: 'eecb6ba03a976649272ec4df632022afa71b4a1e' }, "\u00A0"));
|
|
36834
36906
|
}
|
|
36835
36907
|
static get style() { return RoadSkeletonStyle0; }
|
|
36836
36908
|
static get cmpMeta() { return {
|
|
@@ -36861,7 +36933,7 @@ class Spinner {
|
|
|
36861
36933
|
render() {
|
|
36862
36934
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
36863
36935
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
36864
|
-
return (hAsync("svg", { key: '
|
|
36936
|
+
return (hAsync("svg", { key: 'eb559d1ad35ed62c6c4cb1e7280faf29e52fe2f6', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '8faa4a39732b5b882a2c76abed424d95846c3083', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
36865
36937
|
}
|
|
36866
36938
|
static get style() { return RoadSpinnerStyle0; }
|
|
36867
36939
|
static get cmpMeta() { return {
|
|
@@ -36902,7 +36974,7 @@ class StatusChip {
|
|
|
36902
36974
|
};
|
|
36903
36975
|
}
|
|
36904
36976
|
render() {
|
|
36905
|
-
return (hAsync(Host, { key: '
|
|
36977
|
+
return (hAsync(Host, { key: 'f261ddcd3afd748b815d63d973724d0898b48cd7', class: `chip-${this.size}`, tabindex: "0", role: "button", onClick: this.onActivate, onKeyDown: this.onKeyDown }, hAsync("div", { key: '1a6fdaf843be1db93ee850456d662c98c6ab182b', class: "chip-description" }, hAsync("road-icon", { key: '169dc92bb2d1ef16083019799ba80573731464f4', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '4e24bd7b4a140a532970959e5c2140a54910feb6' }))));
|
|
36906
36978
|
}
|
|
36907
36979
|
static get style() { return RoadStatusChipStyle0; }
|
|
36908
36980
|
static get cmpMeta() { return {
|
|
@@ -37053,11 +37125,11 @@ class Switch {
|
|
|
37053
37125
|
}
|
|
37054
37126
|
render() {
|
|
37055
37127
|
const labelId = this.switchId + '-label';
|
|
37056
|
-
const textLabel = hAsync("label", { key: '
|
|
37128
|
+
const textLabel = hAsync("label", { key: 'c232e4f3505aa5d27a54077cf9883fef864efc4d', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
37057
37129
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
37058
37130
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
37059
37131
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
37060
|
-
return (hAsync(Host, { key: '
|
|
37132
|
+
return (hAsync(Host, { key: '3d93be9bb557c13028dabaef2e82a1e53b814c56' }, hAsync("input", { key: '9682f18c59fa23c8bdaeb30c27ea0aea4c37b2e2', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '30340789f9d2d0182d478f7e840d705afcb4cf13', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '7dd93e85e3a444f92dbfb524e5ba401e1f5ecb7d', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
37061
37133
|
}
|
|
37062
37134
|
static get watchers() { return {
|
|
37063
37135
|
"checked": ["checkedChanged"]
|
|
@@ -37112,9 +37184,9 @@ class Tab {
|
|
|
37112
37184
|
}
|
|
37113
37185
|
render() {
|
|
37114
37186
|
const { tab, active } = this;
|
|
37115
|
-
return (hAsync(Host, { key: '
|
|
37187
|
+
return (hAsync(Host, { key: 'e5f32c9c796b1a798eca2d24a7a660d808d060f8', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
37116
37188
|
'tab-hidden': !active,
|
|
37117
|
-
} }, hAsync("slot", { key: '
|
|
37189
|
+
} }, hAsync("slot", { key: '018740decce73c280c77ba78216623ac0f842e9d' })));
|
|
37118
37190
|
}
|
|
37119
37191
|
get el() { return getElement(this); }
|
|
37120
37192
|
static get style() { return RoadTabStyle0; }
|
|
@@ -37174,11 +37246,11 @@ class TabBar {
|
|
|
37174
37246
|
}
|
|
37175
37247
|
render() {
|
|
37176
37248
|
const { expand, center, secondary } = this;
|
|
37177
|
-
return (hAsync(Host, { key: '
|
|
37249
|
+
return (hAsync(Host, { key: '598640b2a0d7bfc657df37e30deff1a0aee2698c', role: "tablist", class: {
|
|
37178
37250
|
'tab-expand': expand,
|
|
37179
37251
|
'tab-center': center,
|
|
37180
37252
|
'tab-secondary': secondary,
|
|
37181
|
-
} }, hAsync("slot", { key: '
|
|
37253
|
+
} }, hAsync("slot", { key: '2f8c35375effb72f15d0b37d80ff3dd3a2779b22' })));
|
|
37182
37254
|
}
|
|
37183
37255
|
get el() { return getElement(this); }
|
|
37184
37256
|
static get watchers() { return {
|
|
@@ -37278,7 +37350,7 @@ class TabButton {
|
|
|
37278
37350
|
rel,
|
|
37279
37351
|
target,
|
|
37280
37352
|
};
|
|
37281
|
-
return (hAsync(Host, { key: '
|
|
37353
|
+
return (hAsync(Host, { key: 'd0232d92d13b395713e9537e4e985b9b1aef4be8', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
37282
37354
|
'tab-selected': selected,
|
|
37283
37355
|
'tab-has-label': hasLabel,
|
|
37284
37356
|
'tab-has-icon': hasIcon,
|
|
@@ -37286,7 +37358,7 @@ class TabButton {
|
|
|
37286
37358
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
37287
37359
|
[`tab-layout-${layout}`]: true,
|
|
37288
37360
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
37289
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
37361
|
+
} }, hAsync("a", Object.assign({ key: '3cfffe4aef2432b2a23eb2ff6c86c5da125f0e04' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '36f97b5e282bf7870228ca6651629b766d614512', class: "button-inner" }, hAsync("slot", { key: '4f963acbe1cc57893b19c0f86af05b8e754c96c1' })))));
|
|
37290
37362
|
}
|
|
37291
37363
|
get el() { return getElement(this); }
|
|
37292
37364
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -37320,7 +37392,7 @@ class Table {
|
|
|
37320
37392
|
registerInstance(this, hostRef);
|
|
37321
37393
|
}
|
|
37322
37394
|
render() {
|
|
37323
|
-
return (hAsync("slot", { key: '
|
|
37395
|
+
return (hAsync("slot", { key: '81dd5f1f536cbc1362baa3027bb76b8fa5a6022b' }));
|
|
37324
37396
|
}
|
|
37325
37397
|
static get style() { return RoadTableStyle0; }
|
|
37326
37398
|
static get cmpMeta() { return {
|
|
@@ -37428,7 +37500,7 @@ class Tabs$1 {
|
|
|
37428
37500
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37429
37501
|
}
|
|
37430
37502
|
render() {
|
|
37431
|
-
return (hAsync(Host, { key: '
|
|
37503
|
+
return (hAsync(Host, { key: '74762d3d2e76c9926a2344182debdd17dbf3c011', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f4d5f461a7fe74ebc76c181b185932759ceb0f34', name: "top" }), hAsync("slot", { key: '6b99ef4524d2aa3f55b95b33b7028097abb03712' })));
|
|
37432
37504
|
}
|
|
37433
37505
|
get el() { return getElement(this); }
|
|
37434
37506
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -37564,7 +37636,7 @@ class Tabs {
|
|
|
37564
37636
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37565
37637
|
}
|
|
37566
37638
|
render() {
|
|
37567
|
-
return (hAsync(Host, { key: '
|
|
37639
|
+
return (hAsync(Host, { key: '0e0850a766229851fb10751a2c598517ea6ab666', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '449935aea69a4bb19f26ffefa9427af73dea2400', name: "top" }), hAsync("div", { key: 'cca0b8a935a1e8df7fc9ce46fab95371910e7676', class: "tabs-inner" }, hAsync("slot", { key: '649c2c4cec7a0cd43dfc668eab513ce80207ac9a' }))));
|
|
37568
37640
|
}
|
|
37569
37641
|
get el() { return getElement(this); }
|
|
37570
37642
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -37612,7 +37684,7 @@ class Tag {
|
|
|
37612
37684
|
}
|
|
37613
37685
|
render() {
|
|
37614
37686
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
37615
|
-
return (hAsync(Host, { key: '
|
|
37687
|
+
return (hAsync(Host, { key: 'c17a38527980d6d453ba3846f9a3b2d57f31c071', class: `${contrastClass}` }, hAsync("slot", { key: '77293988ddc60d4defb5e1600db3340c95335cb3' })));
|
|
37616
37688
|
}
|
|
37617
37689
|
static get style() { return RoadTagStyle0; }
|
|
37618
37690
|
static get cmpMeta() { return {
|
|
@@ -37644,7 +37716,7 @@ class Text {
|
|
|
37644
37716
|
}
|
|
37645
37717
|
render() {
|
|
37646
37718
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
37647
|
-
return (hAsync(Host, { key: '
|
|
37719
|
+
return (hAsync(Host, { key: '727ee50da083fe2504862c80ed7aa5e5392e0226', class: `${colorClass}` }, hAsync("slot", { key: '6e5322eed782d23164f11060a5be01a140182d5d' })));
|
|
37648
37720
|
}
|
|
37649
37721
|
static get style() { return RoadTextStyle0; }
|
|
37650
37722
|
static get cmpMeta() { return {
|
|
@@ -37775,7 +37847,7 @@ class Textarea {
|
|
|
37775
37847
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
37776
37848
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
37777
37849
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
37778
|
-
return (hAsync(Host, { key: '
|
|
37850
|
+
return (hAsync(Host, { key: 'b11f3ddbd35f2d9b093d5a1ea8a7aadc9d22e52d', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '9bd42480182ef1a6804c84bcec4cbcdfaf2208ba', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onCompositionstart: this.onCompositionStart, onCompositionupdate: this.onCompositionUpdate, onCompositionend: this.onCompositionEnd, onBlur: this.onBlur, onFocus: this.onFocus, ref: el => (this.textareaEl = el) }), hAsync("label", { key: 'a46e0ff32396e011cb0bca6d65794e5e080ec633', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '703184751f1e79b0b925b1146a8a226f10d47be9', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '5537817fa2cf67f3b4be1e5606c2c5eec556d5b5', class: "helper" }, this.helper)));
|
|
37779
37851
|
}
|
|
37780
37852
|
static get watchers() { return {
|
|
37781
37853
|
"value": ["valueChanged"]
|
|
@@ -37906,7 +37978,7 @@ class Toast {
|
|
|
37906
37978
|
if (this.color == 'danger') {
|
|
37907
37979
|
this.timeout = 0;
|
|
37908
37980
|
}
|
|
37909
|
-
return (hAsync(Host, { key: '
|
|
37981
|
+
return (hAsync(Host, { key: '5c3caac868d79f97699af08fb0b96c1ff35ad9cc', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'b20177ba76a147f157605497de541dd53070a7b1', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'f75466515c805ee5460577e9694b374b1a30ac62', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'a2e984002c90fbcc7f0eb8f912835c46f1f5effd', class: "toast-label" }, this.label), hAsync("button", { key: '37b9009541e949ee9ffe2350abd189a2d5bcf014', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '5c0cd9dbae939e8c52cb2150861b3c0f68d5518b', icon: navigationClose, size: "md" })), hAsync("slot", { key: '48469490e404f7db80d5c77aa3e08c02d769dd4f', name: "progress" }))));
|
|
37910
37982
|
}
|
|
37911
37983
|
static get watchers() { return {
|
|
37912
37984
|
"isOpen": ["isOpenChanged"]
|
|
@@ -37946,7 +38018,7 @@ class Toolbar {
|
|
|
37946
38018
|
}
|
|
37947
38019
|
render() {
|
|
37948
38020
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
37949
|
-
return (hAsync(Host, { key: '
|
|
38021
|
+
return (hAsync(Host, { key: '3dc7d078c8a2beddccd06b419074422f3aafbe3a', class: colorClass }, hAsync("div", { key: 'a7565dead37f8ef28f41e26cbc2b5b9a77be3827', class: "toolbar-container" }, hAsync("slot", { key: 'ecd46478a6eb7349171ea061233c1068f19eb78a', name: "start" }), hAsync("slot", { key: '7153d8935a1f361394acdd0c1d64e43a6f9ec93f', name: "primary" }), hAsync("div", { key: 'f205b0d511fd331b78c7fe4a567b7f420ece72d6', class: "toolbar-content" }, hAsync("slot", { key: '1a2671f07e4e9d098b854f783c8f6e892450a05e' })), hAsync("slot", { key: '2fd00ff4d71fc3b7e90ba3076f18665b30e63697', name: "secondary" }), hAsync("slot", { key: '83bbe556f1a94feb42faa9e3789b2515c8f85a03', name: "end" }))));
|
|
37950
38022
|
}
|
|
37951
38023
|
static get style() { return RoadToolbarStyle0; }
|
|
37952
38024
|
static get cmpMeta() { return {
|
|
@@ -37972,7 +38044,7 @@ class ToolbarAppName {
|
|
|
37972
38044
|
registerInstance(this, hostRef);
|
|
37973
38045
|
}
|
|
37974
38046
|
render() {
|
|
37975
|
-
return (hAsync("div", { key: '
|
|
38047
|
+
return (hAsync("div", { key: '6523ca97a8377f6af5fd0800aa5543cbc316f13f', class: "toolbar-title-page" }, hAsync("slot", { key: 'c5d3422ec09f1d54d24fb28cb2be7a84dd700703' })));
|
|
37976
38048
|
}
|
|
37977
38049
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
37978
38050
|
static get cmpMeta() { return {
|
|
@@ -37996,7 +38068,7 @@ class ToolbarTitle {
|
|
|
37996
38068
|
registerInstance(this, hostRef);
|
|
37997
38069
|
}
|
|
37998
38070
|
render() {
|
|
37999
|
-
return (hAsync("div", { key: '
|
|
38071
|
+
return (hAsync("div", { key: '9ed296ef2918332630e1b5a7b7026b2edeb91b21', class: "toolbar-title" }, hAsync("slot", { key: 'a39fdb646a9bcb5aea4641575161229610d75878' })));
|
|
38000
38072
|
}
|
|
38001
38073
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
38002
38074
|
static get cmpMeta() { return {
|
|
@@ -38025,7 +38097,7 @@ class ToolbarV2 {
|
|
|
38025
38097
|
registerInstance(this, hostRef);
|
|
38026
38098
|
}
|
|
38027
38099
|
render() {
|
|
38028
|
-
return (hAsync(Host, { key: '
|
|
38100
|
+
return (hAsync(Host, { key: '36c585d9dec920f5b72e37733e74c4134ee67185', class: "toolbar" }, hAsync("div", { key: '947c33c46e0bbc26b75d5bab2ed2c89ab228e808', class: "toolbar-container" }, hAsync("div", { key: '83d61111f17d1022ba7b54089e203277955e0a68', class: "toolbar-container-content-left" }, hAsync("slot", { key: '7ac57443795d0347afb7e5ce1070d42ac7f91017', name: "start" }), hAsync("slot", { key: 'a6089fd013186ea231d8d88d5af878239acf92f8', name: "primary" })), hAsync("div", { key: '441aaee506f1cf8a99921cf0a932303a9bdf18aa', class: "toolbar-content" }, hAsync("slot", { key: 'b72650e9913e3f0d08fbe2d2f8eed7219e132837' })), hAsync("div", { key: '48a7f37607c0ebd5a88620cd2ebac74bc12708ed', class: "toolbar-container-content-right" }, hAsync("slot", { key: '137e2d29e96b188194c0e9f82b6081a35119c371', name: "secondary" }), hAsync("slot", { key: '777d8774c10c9e4a784b193139ff10085166a103', name: "end" })))));
|
|
38029
38101
|
}
|
|
38030
38102
|
static get style() { return RoadToolbarV2Style0; }
|
|
38031
38103
|
static get cmpMeta() { return {
|
|
@@ -38152,12 +38224,12 @@ class Tooltip {
|
|
|
38152
38224
|
return triggers.includes(triggerType);
|
|
38153
38225
|
}
|
|
38154
38226
|
render() {
|
|
38155
|
-
return (hAsync(Host, { key: '
|
|
38227
|
+
return (hAsync(Host, { key: 'dbe023bc59f5d6637f901291cdd2c1a5d9b27450', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
38156
38228
|
,
|
|
38157
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
38229
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'ba01929185c87ed190275aafa8326bbbbd70ebca', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'df67e1ec087033b72259fae58fc5447ed0d20a01', part: "tooltip", id: this.tooltipId, class: {
|
|
38158
38230
|
tooltip: true,
|
|
38159
38231
|
"tooltip-open": this.isOpen,
|
|
38160
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: '
|
|
38232
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: '8fc2ca39b71812dabd43af2a8fb3d0b2ef223a28', name: "tooltip-content" }))));
|
|
38161
38233
|
}
|
|
38162
38234
|
get el() { return getElement(this); }
|
|
38163
38235
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -38249,11 +38321,11 @@ class toggle {
|
|
|
38249
38321
|
}
|
|
38250
38322
|
render() {
|
|
38251
38323
|
const labelId = this.toggleId + '-label';
|
|
38252
|
-
const textLabel = hAsync("label", { key: '
|
|
38324
|
+
const textLabel = hAsync("label", { key: '688af16c9f4a539dd13c5bb98c0f2a731b492c06', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
38253
38325
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
38254
38326
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
38255
38327
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
38256
|
-
return (hAsync(Host, { key: '
|
|
38328
|
+
return (hAsync(Host, { key: '530c7052c4b2d783599f0e997954a368bc49be45' }, hAsync("input", { key: '669fb27728139752f1e63319b86e804e7cf91da5', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '0f186f04ecd674c4c91458a1f6ef7aca63ee60cf', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'b0df7532dea735dfbd25da5307ba27d77fb7b6cc', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
|
|
38257
38329
|
}
|
|
38258
38330
|
static get watchers() { return {
|
|
38259
38331
|
"checked": ["checkedChanged"]
|