@roadtrip/components 3.33.0 → 3.33.1
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 +83 -30
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-phone-number-input.cjs.entry.js +2 -12
- package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/drawer/drawer.css +8 -0
- package/dist/collection/components/drawer/drawer.js +1 -1
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/input/input.js +86 -23
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input-group/input-group.css +10 -7
- package/dist/collection/components/input-group/input-group.js +19 -4
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/collection/components/phone-number-input/phone-number-input.js +2 -10
- package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +83 -30
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-phone-number-input.entry.js +2 -12
- package/dist/esm/road-phone-number-input.entry.js.map +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/roadtrip/{p-913b72de.entry.js → p-3e36cd02.entry.js} +3 -3
- package/dist/roadtrip/p-3e36cd02.entry.js.map +1 -0
- package/dist/roadtrip/{p-ddfe088f.entry.js → p-950b8a43.entry.js} +2 -2
- package/dist/roadtrip/p-950b8a43.entry.js.map +1 -0
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/input/input.d.ts +1 -1
- package/dist/types/components/input-group/input-group.d.ts +4 -2
- package/dist/types/components/phone-number-input/phone-number-input.d.ts +0 -1
- package/dist/types/components.d.ts +1 -0
- package/hydrate/index.js +328 -303
- package/hydrate/index.mjs +328 -303
- package/package.json +1 -1
- package/dist/collection/components/phone-number-input/constants.js +0 -3
- package/dist/collection/components/phone-number-input/constants.js.map +0 -1
- package/dist/roadtrip/p-913b72de.entry.js.map +0 -1
- package/dist/roadtrip/p-ddfe088f.entry.js.map +0 -1
- package/dist/types/components/phone-number-input/constants.d.ts +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -127,7 +127,7 @@ const NAMESPACE = 'roadtrip';
|
|
|
127
127
|
const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
128
128
|
|
|
129
129
|
/*
|
|
130
|
-
Stencil Hydrate Platform v4.27.
|
|
130
|
+
Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
|
|
131
131
|
*/
|
|
132
132
|
var __defProp = Object.defineProperty;
|
|
133
133
|
var __export = (target, all) => {
|
|
@@ -147,9 +147,9 @@ var isComplexType = (o) => {
|
|
|
147
147
|
};
|
|
148
148
|
|
|
149
149
|
// src/utils/query-nonce-meta-tag-content.ts
|
|
150
|
-
function queryNonceMetaTagContent(
|
|
150
|
+
function queryNonceMetaTagContent(doc2) {
|
|
151
151
|
var _a, _b, _c;
|
|
152
|
-
return (_c = (_b = (_a =
|
|
152
|
+
return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
// src/utils/regular-expression.ts
|
|
@@ -506,8 +506,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
|
506
506
|
delete hostElm["s-sc"];
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
if (
|
|
510
|
-
initializeDocumentHydrate(
|
|
509
|
+
if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
|
|
510
|
+
initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
|
|
511
511
|
}
|
|
512
512
|
hostElm[HYDRATE_ID] = hostId;
|
|
513
513
|
hostElm.removeAttribute(HYDRATE_ID);
|
|
@@ -830,8 +830,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
|
|
|
830
830
|
childVNode.$name$ = slotName || null;
|
|
831
831
|
childVNode.$tag$ = "slot";
|
|
832
832
|
const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
|
|
833
|
-
if (shadowRootNodes
|
|
834
|
-
const slot = childVNode.$elm$ =
|
|
833
|
+
if (shadowRootNodes) {
|
|
834
|
+
const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
|
|
835
835
|
if (childVNode.$name$) {
|
|
836
836
|
childVNode.$elm$.setAttribute("name", slotName);
|
|
837
837
|
}
|
|
@@ -1275,10 +1275,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
1275
1275
|
var _a;
|
|
1276
1276
|
const scopeId2 = getScopeId(cmpMeta);
|
|
1277
1277
|
const style = styles$1.get(scopeId2);
|
|
1278
|
-
|
|
1279
|
-
return scopeId2;
|
|
1280
|
-
}
|
|
1281
|
-
styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
|
|
1278
|
+
styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
|
|
1282
1279
|
if (style) {
|
|
1283
1280
|
if (typeof style === "string") {
|
|
1284
1281
|
styleContainerNode = styleContainerNode.head || styleContainerNode;
|
|
@@ -1291,9 +1288,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
1291
1288
|
if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
|
|
1292
1289
|
styleElm.innerHTML = style;
|
|
1293
1290
|
} else {
|
|
1294
|
-
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) ||
|
|
1291
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
1295
1292
|
styleElm.innerHTML = style;
|
|
1296
|
-
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(
|
|
1293
|
+
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
1297
1294
|
if (nonce != null) {
|
|
1298
1295
|
styleElm.setAttribute("nonce", nonce);
|
|
1299
1296
|
}
|
|
@@ -1543,7 +1540,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1543
1540
|
}
|
|
1544
1541
|
}
|
|
1545
1542
|
if (newVNode2.$text$ !== null) {
|
|
1546
|
-
elm = newVNode2.$elm$ =
|
|
1543
|
+
elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
|
|
1547
1544
|
} else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
|
|
1548
1545
|
elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
|
|
1549
1546
|
{
|
|
@@ -1553,12 +1550,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1553
1550
|
if (!isSvgMode) {
|
|
1554
1551
|
isSvgMode = newVNode2.$tag$ === "svg";
|
|
1555
1552
|
}
|
|
1556
|
-
|
|
1557
|
-
throw new Error(
|
|
1558
|
-
"You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
|
|
1559
|
-
);
|
|
1560
|
-
}
|
|
1561
|
-
elm = newVNode2.$elm$ = win.document.createElementNS(
|
|
1553
|
+
elm = newVNode2.$elm$ = doc.createElementNS(
|
|
1562
1554
|
isSvgMode ? SVG_NS : HTML_NS,
|
|
1563
1555
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
1564
1556
|
) ;
|
|
@@ -1940,7 +1932,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
1940
1932
|
markSlotContentForRelocation(rootVnode.$elm$);
|
|
1941
1933
|
for (const relocateData of relocateNodes) {
|
|
1942
1934
|
const nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
1943
|
-
if (!nodeToRelocate["s-ol"]
|
|
1935
|
+
if (!nodeToRelocate["s-ol"]) {
|
|
1944
1936
|
const orgLocationNode = originalLocationDebugNode(nodeToRelocate) ;
|
|
1945
1937
|
orgLocationNode["s-nr"] = nodeToRelocate;
|
|
1946
1938
|
insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
|
|
@@ -1984,18 +1976,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
1984
1976
|
}
|
|
1985
1977
|
contentRef = void 0;
|
|
1986
1978
|
};
|
|
1987
|
-
var slotReferenceDebugNode = (slotVNode) =>
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
)
|
|
1992
|
-
|
|
1993
|
-
var originalLocationDebugNode = (nodeToRelocate) => {
|
|
1994
|
-
var _a;
|
|
1995
|
-
return (_a = win.document) == null ? void 0 : _a.createComment(
|
|
1996
|
-
`org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
|
|
1997
|
-
);
|
|
1998
|
-
};
|
|
1979
|
+
var slotReferenceDebugNode = (slotVNode) => doc.createComment(
|
|
1980
|
+
`<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
|
|
1981
|
+
);
|
|
1982
|
+
var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
|
|
1983
|
+
`org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
|
|
1984
|
+
);
|
|
1999
1985
|
|
|
2000
1986
|
// src/runtime/update-component.ts
|
|
2001
1987
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
@@ -2192,7 +2178,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2192
2178
|
const hostRef = getHostRef(ref);
|
|
2193
2179
|
if (!hostRef) {
|
|
2194
2180
|
throw new Error(
|
|
2195
|
-
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/
|
|
2181
|
+
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
|
|
2196
2182
|
);
|
|
2197
2183
|
}
|
|
2198
2184
|
const elm = hostRef.$hostElement$ ;
|
|
@@ -2496,19 +2482,16 @@ var connectedCallback = (elm) => {
|
|
|
2496
2482
|
}
|
|
2497
2483
|
};
|
|
2498
2484
|
var setContentReference = (elm) => {
|
|
2499
|
-
|
|
2500
|
-
return;
|
|
2501
|
-
}
|
|
2502
|
-
const contentRefElm = elm["s-cr"] = win.document.createComment(
|
|
2485
|
+
const contentRefElm = elm["s-cr"] = doc.createComment(
|
|
2503
2486
|
""
|
|
2504
2487
|
);
|
|
2505
2488
|
contentRefElm["s-cn"] = true;
|
|
2506
2489
|
insertBefore(elm, contentRefElm, elm.firstChild);
|
|
2507
2490
|
};
|
|
2508
2491
|
var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
2509
|
-
if (listeners
|
|
2492
|
+
if (listeners) {
|
|
2510
2493
|
listeners.map(([flags, name, method]) => {
|
|
2511
|
-
const target = getHostListenerTarget(
|
|
2494
|
+
const target = getHostListenerTarget(elm, flags) ;
|
|
2512
2495
|
const handler = hostListenerProxy(hostRef, method);
|
|
2513
2496
|
const opts = hostListenerOpts(flags);
|
|
2514
2497
|
plt.ael(target, name, handler, opts);
|
|
@@ -2530,24 +2513,20 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
2530
2513
|
consoleError(e, hostRef.$hostElement$);
|
|
2531
2514
|
}
|
|
2532
2515
|
};
|
|
2533
|
-
var getHostListenerTarget = (
|
|
2534
|
-
if (flags & 4 /* TargetDocument */)
|
|
2535
|
-
|
|
2536
|
-
}
|
|
2537
|
-
if (flags & 8 /* TargetWindow */) {
|
|
2538
|
-
return win;
|
|
2539
|
-
}
|
|
2516
|
+
var getHostListenerTarget = (elm, flags) => {
|
|
2517
|
+
if (flags & 4 /* TargetDocument */) return doc;
|
|
2518
|
+
if (flags & 8 /* TargetWindow */) return win;
|
|
2540
2519
|
return elm;
|
|
2541
2520
|
};
|
|
2542
2521
|
var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
|
|
2543
2522
|
|
|
2544
2523
|
// src/runtime/vdom/vdom-annotations.ts
|
|
2545
|
-
var insertVdomAnnotations = (
|
|
2546
|
-
if (
|
|
2547
|
-
const docData = STENCIL_DOC_DATA in
|
|
2524
|
+
var insertVdomAnnotations = (doc2, staticComponents) => {
|
|
2525
|
+
if (doc2 != null) {
|
|
2526
|
+
const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
|
|
2548
2527
|
docData.staticComponents = new Set(staticComponents);
|
|
2549
2528
|
const orgLocationNodes = [];
|
|
2550
|
-
parseVNodeAnnotations(
|
|
2529
|
+
parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
|
|
2551
2530
|
orgLocationNodes.forEach((orgLocationNode) => {
|
|
2552
2531
|
var _a;
|
|
2553
2532
|
if (orgLocationNode != null && orgLocationNode["s-nr"]) {
|
|
@@ -2573,11 +2552,11 @@ var insertVdomAnnotations = (doc, staticComponents) => {
|
|
|
2573
2552
|
return;
|
|
2574
2553
|
}
|
|
2575
2554
|
}
|
|
2576
|
-
const commentBeforeTextNode =
|
|
2555
|
+
const commentBeforeTextNode = doc2.createComment(childId);
|
|
2577
2556
|
commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
|
|
2578
2557
|
insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
|
|
2579
2558
|
} else if (nodeRef.nodeType === 8 /* CommentNode */) {
|
|
2580
|
-
const commentBeforeTextNode =
|
|
2559
|
+
const commentBeforeTextNode = doc2.createComment(childId);
|
|
2581
2560
|
commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
|
|
2582
2561
|
nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
|
|
2583
2562
|
}
|
|
@@ -2596,7 +2575,7 @@ var insertVdomAnnotations = (doc, staticComponents) => {
|
|
|
2596
2575
|
});
|
|
2597
2576
|
}
|
|
2598
2577
|
};
|
|
2599
|
-
var parseVNodeAnnotations = (
|
|
2578
|
+
var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
|
|
2600
2579
|
var _a;
|
|
2601
2580
|
if (node == null) {
|
|
2602
2581
|
return;
|
|
@@ -2612,13 +2591,13 @@ var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
|
|
|
2612
2591
|
const cmpData = {
|
|
2613
2592
|
nodeIds: 0
|
|
2614
2593
|
};
|
|
2615
|
-
insertVNodeAnnotations(
|
|
2594
|
+
insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
|
|
2616
2595
|
}
|
|
2617
|
-
parseVNodeAnnotations(
|
|
2596
|
+
parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
|
|
2618
2597
|
});
|
|
2619
2598
|
}
|
|
2620
2599
|
};
|
|
2621
|
-
var insertVNodeAnnotations = (
|
|
2600
|
+
var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
|
|
2622
2601
|
if (vnode != null) {
|
|
2623
2602
|
const hostId = ++docData.hostIds;
|
|
2624
2603
|
hostElm.setAttribute(HYDRATE_ID, hostId);
|
|
@@ -2628,7 +2607,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
|
|
|
2628
2607
|
if (vnode.$children$ != null) {
|
|
2629
2608
|
const depth = 0;
|
|
2630
2609
|
vnode.$children$.forEach((vnodeChild, index) => {
|
|
2631
|
-
insertChildVNodeAnnotations(
|
|
2610
|
+
insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
|
|
2632
2611
|
});
|
|
2633
2612
|
}
|
|
2634
2613
|
if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
|
|
@@ -2649,7 +2628,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
|
|
|
2649
2628
|
}
|
|
2650
2629
|
}
|
|
2651
2630
|
};
|
|
2652
|
-
var insertChildVNodeAnnotations = (
|
|
2631
|
+
var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
|
|
2653
2632
|
const childElm = vnodeChild.$elm$;
|
|
2654
2633
|
if (childElm == null) {
|
|
2655
2634
|
return;
|
|
@@ -2668,7 +2647,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
|
|
|
2668
2647
|
const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
|
|
2669
2648
|
if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
|
|
2670
2649
|
const textNodeId = `${TEXT_NODE_ID}.${childId}`;
|
|
2671
|
-
const commentBeforeTextNode =
|
|
2650
|
+
const commentBeforeTextNode = doc2.createComment(textNodeId);
|
|
2672
2651
|
insertBefore(parentNode, commentBeforeTextNode, childElm);
|
|
2673
2652
|
}
|
|
2674
2653
|
} else if (childElm.nodeType === 8 /* CommentNode */) {
|
|
@@ -2681,7 +2660,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
|
|
|
2681
2660
|
if (vnodeChild.$children$ != null) {
|
|
2682
2661
|
const childDepth = depth + 1;
|
|
2683
2662
|
vnodeChild.$children$.forEach((vnode, index2) => {
|
|
2684
|
-
insertChildVNodeAnnotations(
|
|
2663
|
+
insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
|
|
2685
2664
|
});
|
|
2686
2665
|
}
|
|
2687
2666
|
};
|
|
@@ -2897,7 +2876,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
2897
2876
|
return elm;
|
|
2898
2877
|
};
|
|
2899
2878
|
tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
|
|
2900
|
-
plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./",
|
|
2879
|
+
plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
|
|
2901
2880
|
patchChild2(win2.document.body);
|
|
2902
2881
|
waitLoop2().then(hydratedComplete).catch(hydratedError);
|
|
2903
2882
|
} catch (e) {
|
|
@@ -3104,6 +3083,7 @@ var registerComponents = (Cstrs) => {
|
|
|
3104
3083
|
}
|
|
3105
3084
|
};
|
|
3106
3085
|
var win = window;
|
|
3086
|
+
var doc = win.document;
|
|
3107
3087
|
var writeTask = (cb) => {
|
|
3108
3088
|
nextTick$1(() => {
|
|
3109
3089
|
try {
|
|
@@ -3220,7 +3200,7 @@ class Accordion {
|
|
|
3220
3200
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3221
3201
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3222
3202
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3223
|
-
return (hAsync("details", { key: '
|
|
3203
|
+
return (hAsync("details", { key: '9ecf9d3dd47a312ea19186da4a7f5481888ed3c9', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '602b2aaf2ce59966ed779b2d8308b7aa58cd8b74', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'c883e3372d6d159d1b0b75e739cc5612185491c4', class: accordionLightHeader }, hAsync("slot", { key: '076b3ec9679721b42700006141a1ef8cfef45aeb', name: "icon-left" }), hAsync("slot", { key: '77ef2666538e4270898992bea01f868747722268', name: "header" }), hAsync("road-icon", { key: 'f80d4a114cf6fb1b2a5f91b7e956b16710f663ff', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: 'eaac61794b2ad598869da68ab3e80ebd2ee6e8f6', class: accordionLightContent }, hAsync("slot", { key: 'c447b25b94660720dbbe3e068544d2d2b8213301' }))));
|
|
3224
3204
|
}
|
|
3225
3205
|
static get style() { return RoadAccordionStyle0; }
|
|
3226
3206
|
static get cmpMeta() { return {
|
|
@@ -3255,7 +3235,7 @@ class Alert {
|
|
|
3255
3235
|
}
|
|
3256
3236
|
render() {
|
|
3257
3237
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3258
|
-
return (hAsync(Host, { key: '
|
|
3238
|
+
return (hAsync(Host, { key: '9cc447d2252f1de44cf00844bba543faeee47673', class: colorClass, role: "alert" }, hAsync("div", { key: '99aae458e240b0ceca6bcaf480e1eaf34d278083', class: "alert-icon" }, hAsync("slot", { key: 'ab906fadd80be1cc2013ccfb5fe5b5dfb2b58e4d', name: "icon" })), hAsync("div", { key: 'e28570db8110387f914eceee41805246f9d1ee00' }, this.label && hAsync("span", { key: 'c28a7937a0c9128723d889f96a716adf0f8b3b32', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'e09f90763280f99114bbecc77609fc52eaec8156', class: "alert-description" }, hAsync("slot", { key: 'fd033b5cdeaaed1750aa56a97cace05f00299919' }), this.link && hAsync("a", { key: 'a03c33930745ea5ca76ce44c5837f2fc603440d5', href: this.url, class: "alert-link link link-default" }, this.link)))));
|
|
3259
3239
|
}
|
|
3260
3240
|
static get style() { return RoadAlertStyle0; }
|
|
3261
3241
|
static get cmpMeta() { return {
|
|
@@ -3354,7 +3334,7 @@ class Asset {
|
|
|
3354
3334
|
}
|
|
3355
3335
|
}
|
|
3356
3336
|
render() {
|
|
3357
|
-
return (hAsync(Host, { key: '
|
|
3337
|
+
return (hAsync(Host, { key: '2d503f725eb5c0b6a4a14d63b13482c759a82346', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3358
3338
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3359
3339
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3360
3340
|
}
|
|
@@ -3424,8 +3404,8 @@ class Autocomplete {
|
|
|
3424
3404
|
}
|
|
3425
3405
|
}
|
|
3426
3406
|
render() {
|
|
3427
|
-
return (hAsync(Host, { key: '
|
|
3428
|
-
hAsync("ul", { key: '
|
|
3407
|
+
return (hAsync(Host, { key: 'cd78e4ac91f09453798ba115ced0fb988eb0a8a7' }, hAsync("slot", { key: '1d7b9bbd7b60d1c711f5c607679acf6e84a21b94' }), this.visible && this.options.length > 0 &&
|
|
3408
|
+
hAsync("ul", { key: '1e888535bd025805a784f5be52d7266ce9505834', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
|
|
3429
3409
|
}
|
|
3430
3410
|
get el() { return getElement(this); }
|
|
3431
3411
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3458,7 +3438,7 @@ class Avatar {
|
|
|
3458
3438
|
}
|
|
3459
3439
|
render() {
|
|
3460
3440
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3461
|
-
return (hAsync(Host, { key: '
|
|
3441
|
+
return (hAsync(Host, { key: 'ae94654b2d0efa40df3f7f8bb0b98eedd13dbabc', class: `${sizeClass}` }, hAsync("slot", { key: 'f08ba7c45f82d1c97875f8d84cf6366180b7d28f' })));
|
|
3462
3442
|
}
|
|
3463
3443
|
static get style() { return RoadAvatarStyle0; }
|
|
3464
3444
|
static get cmpMeta() { return {
|
|
@@ -3494,7 +3474,7 @@ class Badge {
|
|
|
3494
3474
|
render() {
|
|
3495
3475
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3496
3476
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3497
|
-
return (hAsync(Host, { key: '
|
|
3477
|
+
return (hAsync(Host, { key: '46710f751904f847c87a9d4c7aecfff28cd947b7', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '057541241fcce16d82c935db7ed1685549ae8658' })));
|
|
3498
3478
|
}
|
|
3499
3479
|
static get style() { return RoadBadgeStyle0; }
|
|
3500
3480
|
static get cmpMeta() { return {
|
|
@@ -3543,7 +3523,7 @@ class Banner {
|
|
|
3543
3523
|
}
|
|
3544
3524
|
render() {
|
|
3545
3525
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3546
|
-
return (hAsync(Host, { key: '
|
|
3526
|
+
return (hAsync(Host, { key: 'b577ca0f17edb3b46c7b2cb2ac2197f5f02c8812', class: bannerIsOpenClass }, hAsync("div", { key: '7fdae564fca2e5afc700f2b84ef8c5d9202a6f0d' }, hAsync("span", { key: '288fc95bd055ed51200118a5324c356ed713c49c', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'd9973fea9e8ca309dc8d4857514f66fd8a2f214f', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '11c3445b111c27dfeb4d4cfbee80451bb6d324dd', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '224ac1f3cf541008e52deaa80cf67036136ef619', icon: navigationClose, size: "md" })))));
|
|
3547
3527
|
}
|
|
3548
3528
|
static get style() { return RoadBannerStyle0; }
|
|
3549
3529
|
static get cmpMeta() { return {
|
|
@@ -3649,7 +3629,7 @@ class Button$1 {
|
|
|
3649
3629
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3650
3630
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3651
3631
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3652
|
-
return (hAsync(Host, { key: '
|
|
3632
|
+
return (hAsync(Host, { key: 'e5b8dd08f76f1df148dc709400f6bc6f5f1d172f', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '7b6f3ebbb0efe42833c9d8be4d673717baf804d2' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '0983ac49a4ddb3fb86e53bb327f319bb2506bf9b', name: "start" }), hAsync("slot", { key: 'd51132e2d19d746e753b51f43ab0f7125d5e9e71' }), hAsync("slot", { key: '4c80d11c1321f7d818dee47d3912045546dbfde5', name: "end" }))));
|
|
3653
3633
|
}
|
|
3654
3634
|
get el() { return getElement(this); }
|
|
3655
3635
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3734,7 +3714,7 @@ class Button {
|
|
|
3734
3714
|
render() {
|
|
3735
3715
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3736
3716
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3737
|
-
return (hAsync(Host, { key: '
|
|
3717
|
+
return (hAsync(Host, { key: 'b6a0c45dc2bd3f248c2c4dbac33d65fb711e870c', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '0d5f7ec7699618790560496f3121d1573ec94967', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '2d4a42b9bdce645b658335b5beaa659876cd39cc', name: "start" }), hAsync("slot", { key: '6a69fabd8f023d9c99162de0b94d06d5830886fc' }))));
|
|
3738
3718
|
}
|
|
3739
3719
|
get el() { return getElement(this); }
|
|
3740
3720
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3779,7 +3759,7 @@ class ButtonBar {
|
|
|
3779
3759
|
this.selectedTabChanged();
|
|
3780
3760
|
}
|
|
3781
3761
|
render() {
|
|
3782
|
-
return (hAsync(Host, { key: '
|
|
3762
|
+
return (hAsync(Host, { key: 'a86825b2a0a80447cf3c3226cf147a273fad1a8e', role: "tablist" }, hAsync("slot", { key: 'a94f54337ed8a4b962672463efa8f2dbbd7ca9b2' })));
|
|
3783
3763
|
}
|
|
3784
3764
|
get el() { return getElement(this); }
|
|
3785
3765
|
static get watchers() { return {
|
|
@@ -3862,7 +3842,7 @@ class Card {
|
|
|
3862
3842
|
render() {
|
|
3863
3843
|
const { elevation } = this;
|
|
3864
3844
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3865
|
-
return (hAsync(Host, { key: '
|
|
3845
|
+
return (hAsync(Host, { key: 'f80c0254db11ead4353613bc40fd24e602ec92e0', class: `${elevationClass}` }, this.renderCard()));
|
|
3866
3846
|
}
|
|
3867
3847
|
get el() { return getElement(this); }
|
|
3868
3848
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10609,7 +10589,7 @@ class Carousel {
|
|
|
10609
10589
|
});
|
|
10610
10590
|
}
|
|
10611
10591
|
render() {
|
|
10612
|
-
return (hAsync(Host, { key: '
|
|
10592
|
+
return (hAsync(Host, { key: '2a982ae0f568ff1c1b5058eb625089e2641167e3', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '33998e1721368db6676c787d8d8d147d58b20f2b', class: "swiper-wrapper" }, hAsync("slot", { key: 'a30ca3227585421f0d0007464dfa102287d7445d' })), this.pager && hAsync("div", { key: '4b64e3039747df92ef1ffe35cf8ceed172773806', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '693773a16e3cb5c26f95ef80b824e1a7fad15335', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'a0f3bf52a1c66efb39f0060ceac0d7d57b0425ff', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'df9ac586165de6ff2aa4e10292ef7f6c841da937', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '450b3fbf29d3d3afb52fdabf428af42ac8af6e92', icon: navigationChevron })))));
|
|
10613
10593
|
}
|
|
10614
10594
|
get el() { return getElement(this); }
|
|
10615
10595
|
static get watchers() { return {
|
|
@@ -10660,10 +10640,10 @@ class CarouselItem {
|
|
|
10660
10640
|
registerInstance(this, hostRef);
|
|
10661
10641
|
}
|
|
10662
10642
|
render() {
|
|
10663
|
-
return (hAsync(Host, { key: '
|
|
10643
|
+
return (hAsync(Host, { key: 'f425a67ef916ebbe06b2b670e552ab34239c15f3', class: {
|
|
10664
10644
|
'swiper-slide': true,
|
|
10665
10645
|
'swiper-zoom-container': true,
|
|
10666
|
-
} }, hAsync("slot", { key: '
|
|
10646
|
+
} }, hAsync("slot", { key: '952543988b361e537351e7e2ae13926daed98962' })));
|
|
10667
10647
|
}
|
|
10668
10648
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10669
10649
|
static get cmpMeta() { return {
|
|
@@ -10754,7 +10734,7 @@ class Checkbox {
|
|
|
10754
10734
|
const labelId = this.checkboxId + '-label';
|
|
10755
10735
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10756
10736
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10757
|
-
return (hAsync(Host, { key: '
|
|
10737
|
+
return (hAsync(Host, { key: '6995fbbbeb6ebf2d951c3c1c27e5ac5fb01f83d4' }, hAsync("input", { key: '5ccb5ef98693bda515581883c7131862cd05dd15', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, 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: 'f4c1b13fce865e543ea9cf945e1d49555316d852', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '722430e8e0cb36ace19fbe7f607678adfa5016b9' }, this.label, " ", hAsync("span", { key: '716477446f4e38dc044f166a8570eeb0ed0349fa', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '8efd53b72e82e1c733ba1e76ff947e214eb5871d' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '5dadb9ce2d72ee95e3997603c6603a2cbc6b5cf9', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '4404d6ece6992963c92f49cac43dd916462de828', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '157dd931ea7c70d2fd5f9e9831c04d1330cf302d', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '75e1b6fbd4227193fc7095ac9a9e01efcbae944b', class: "helper" }, this.helper)));
|
|
10758
10738
|
}
|
|
10759
10739
|
static get watchers() { return {
|
|
10760
10740
|
"checked": ["checkedChanged"]
|
|
@@ -10812,7 +10792,7 @@ class Chip {
|
|
|
10812
10792
|
}
|
|
10813
10793
|
render() {
|
|
10814
10794
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10815
|
-
return (hAsync(Host, { key: '
|
|
10795
|
+
return (hAsync(Host, { key: '8d77450b3756d8422dcb5515b348c5aa7e0171e6', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: 'd3bb97b4345f5a4111ca1705f0125de1fec3ffb7', class: "chip-description" }, hAsync("slot", { key: '2ef12b7b35ebe5e8467359cc30f13653e57d407b' })), this.hasCloseIcon && hAsync("road-icon", { key: '63989d14622de72651c3477373fab76c4088082f', class: "chip-close", icon: navigationClose })));
|
|
10816
10796
|
}
|
|
10817
10797
|
static get style() { return RoadChipStyle0; }
|
|
10818
10798
|
static get cmpMeta() { return {
|
|
@@ -10841,7 +10821,7 @@ class Col {
|
|
|
10841
10821
|
registerInstance(this, hostRef);
|
|
10842
10822
|
}
|
|
10843
10823
|
render() {
|
|
10844
|
-
return (hAsync("slot", { key: '
|
|
10824
|
+
return (hAsync("slot", { key: '5f6e0170465e4bb6b7e94d2e383bf46dfca94e4c' }));
|
|
10845
10825
|
}
|
|
10846
10826
|
static get style() { return RoadColStyle0; }
|
|
10847
10827
|
static get cmpMeta() { return {
|
|
@@ -10891,7 +10871,7 @@ class Collapse {
|
|
|
10891
10871
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10892
10872
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10893
10873
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10894
|
-
return (hAsync(Host, { key: '
|
|
10874
|
+
return (hAsync(Host, { key: 'aca8371dea8c26e595b0ab425aa86c20c0b68579' }, hAsync("slot", { key: 'acd50d732c5c51863ceade2b137a734cccbdfbb9' }), hAsync("div", { key: '78bbbdc169a5094b3621b9d88c8ef1758c7463eb', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '8dfe513b0bfd06c1b23d6d1c33f73145064cd373', name: "collapsed-content" })), hAsync("div", { key: '21a9987c19df272d8ab9bc45080c60eeb94c2984', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '1c129c724c182c1d9fe794d242b19b29518262c7', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
|
|
10895
10875
|
}
|
|
10896
10876
|
static get style() { return RoadCollapseStyle0; }
|
|
10897
10877
|
static get cmpMeta() { return {
|
|
@@ -10928,7 +10908,7 @@ class ContentCard {
|
|
|
10928
10908
|
}
|
|
10929
10909
|
render() {
|
|
10930
10910
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
10931
|
-
return (hAsync(Host, { key: '
|
|
10911
|
+
return (hAsync(Host, { key: 'd480ba5219125988804c1461949620dabf50ed10' }, hAsync("road-img", { key: 'fff91989b67bb433a1db33f76ad2f69796c9f075', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: 'b6c1dda6c4cf5aa3ae8c808869ac0bf867335525', class: "content-card-description" }, hAsync("road-label", { key: 'cff5c4b179a58c2f0878907212a14eeaeb91d578', class: "content-card-description-title" }, hAsync("slot", { key: 'f060f44486a70437a13c4f14bfcf5bb775c5ddbd', name: "label" })), hAsync("p", { key: '21ca4e02a190a60f65e1cdf5d641d2ef53c6a30f', class: "content-card-description-text" }, hAsync("slot", { key: 'ad0da6400b634f76cb15904b25dd23eaff6e16ee', name: "description" })), hAsync("div", { key: '300de99b13b9bd004f5c2be585b714a8cbacc050', class: "content-card-description-buttons" }, hAsync("slot", { key: '7e9f812b6144336b2010bb38b154f85ef00abc47' })))));
|
|
10932
10912
|
}
|
|
10933
10913
|
static get style() { return RoadContentCardStyle0; }
|
|
10934
10914
|
static get cmpMeta() { return {
|
|
@@ -11088,7 +11068,7 @@ class Counter {
|
|
|
11088
11068
|
}
|
|
11089
11069
|
render() {
|
|
11090
11070
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11091
|
-
return (hAsync("road-input-group", { key: '
|
|
11071
|
+
return (hAsync("road-input-group", { key: 'bbedd0e44413119eaa6e7cc67939fd0110382664', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'fe454b832af27bc9cfe558229ce861d3ee3db5b5', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '25bba57b31a2c51f559dd4aed2e2d24ae1b28176', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '62a5e892d86f847657e16a1944215c0c4ffaaf5c', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: 'cd5ecfe32e70032ea5b5c48be31465a5d773e9f0', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'beb7da66e43a95be32cfafd061e1166d3a8e679d', name: "navigation-add-more", size: this.size, role: "button" }))));
|
|
11092
11072
|
}
|
|
11093
11073
|
get el() { return getElement(this); }
|
|
11094
11074
|
static get watchers() { return {
|
|
@@ -11204,11 +11184,11 @@ class Dialog {
|
|
|
11204
11184
|
break;
|
|
11205
11185
|
}
|
|
11206
11186
|
}
|
|
11207
|
-
return (hAsync(Host, { key: '
|
|
11187
|
+
return (hAsync(Host, { key: 'c5b646f2f3a72188a16cac11ef4c3228b88dd0b1', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'd81b4dc31a097bf77829aef84f9089339374ab92', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'beb6a951560b83a2b58db31ac345e101e72b68da', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'dfc3a78e469c648689b5e11f8de3ec7834f6eced', class: "dialog-content" }, hAsync("header", { key: '59c066d9a3bcec051697838c5eed0bcec69defb4', class: "dialog-header" }, this.hasCloseIcon
|
|
11208
11188
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11209
|
-
: ''), hAsync("div", { key: '
|
|
11189
|
+
: ''), hAsync("div", { key: '9cb587ec75f3f6c8cb9d0335c3ffe150d8e3d03a', class: "dialog-body" }, this.color !== undefined
|
|
11210
11190
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11211
|
-
: '', hAsync("h2", { key: '
|
|
11191
|
+
: '', hAsync("h2", { key: 'd50ab0b85e07805953c5f11375111ac268cdc0ab', class: "dialog-title" }, this.label), hAsync("p", { key: '6343a2dace2b1becc4011c649806c03c6ad4bf70', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '4dffea28ba6fbdb511b08986c296657a79f454e0', class: "dialog-footer" }, hAsync("slot", { key: '2cda1d339639b6bed89cf5a2d01d99e2482e972b' }))))));
|
|
11212
11192
|
}
|
|
11213
11193
|
get el() { return getElement(this); }
|
|
11214
11194
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11231,7 +11211,7 @@ class Dialog {
|
|
|
11231
11211
|
}; }
|
|
11232
11212
|
}
|
|
11233
11213
|
|
|
11234
|
-
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;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .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;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;height:3.5rem;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-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;height:3.5rem;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;height:3.5rem;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)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
|
|
11214
|
+
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;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .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;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;height:3.5rem;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;height:3.5rem;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;height:3.5rem;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;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
|
|
11235
11215
|
var RoadDrawerStyle0 = drawerCss;
|
|
11236
11216
|
|
|
11237
11217
|
/**
|
|
@@ -11374,7 +11354,7 @@ class Drawer {
|
|
|
11374
11354
|
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;
|
|
11375
11355
|
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;
|
|
11376
11356
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11377
|
-
return (hAsync(Host, { key: '
|
|
11357
|
+
return (hAsync(Host, { key: '8fe90c0fdc80e150cd713ac326554ff8f790913a', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '5af4bae5d683fc8b19b2bdd61660f0fa463b2948', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '52706ef32a512568a02eb5766040ed01946170ba', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '15675caaec49446aa3b06ccabb7021f8c31e58d9', class: "drawer-content" }, hAsync("header", { key: '95dc46033d506ae042b909266979e2377582b1be', 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: '46129980f11977dbe4261ade582df181b3a4b5c4', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '1037e25ad0ed3e8375ad62899e4b917fb2d4434d' })), hAsync("footer", { key: 'aee3c1bdd15d62a50a09f511b3deca96212d32e5', class: `drawer-footer ${removePaddingClass}` }, hAsync("slot", { key: 'a90ddd3755cc30dbd4718dbcf57cd2c1799837a7', name: "footer" }))))));
|
|
11378
11358
|
}
|
|
11379
11359
|
get el() { return getElement(this); }
|
|
11380
11360
|
static get watchers() { return {
|
|
@@ -11435,7 +11415,7 @@ class Dropdown$1 {
|
|
|
11435
11415
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11436
11416
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11437
11417
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11438
|
-
return (hAsync("details", { key: '
|
|
11418
|
+
return (hAsync("details", { key: '97d54f4f12e0380ade1037a6c92622896f4068f9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '2e26d9b9b47cd2cecb484a681247b2b460c09db1', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '21e361440e141ad47e14ba14098c59f5c8ecd465', class: `d-flex ${positionClass}` }, hAsync("div", { key: '0f9c052ba4f747b35eba8bc2d5f2a9cef1321027', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd6922e803a5ae9da688a960566dfc5ed9a57ca30', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'a4f1b5931247665d5f84853e42680ee4b04c2366', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'a349d6d09031c4bf0816e67fcf6a15401b10ced3', name: "list" }))));
|
|
11439
11419
|
}
|
|
11440
11420
|
get el() { return getElement(this); }
|
|
11441
11421
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11491,7 +11471,7 @@ class Dropdown {
|
|
|
11491
11471
|
this.isOpen = false;
|
|
11492
11472
|
}
|
|
11493
11473
|
render() {
|
|
11494
|
-
return (hAsync("details", { key: '
|
|
11474
|
+
return (hAsync("details", { key: 'f123e903ea61736684002a88ec90f59aa3ad3583', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '57a2d0d8bdb9e390fc80c4594d19b8007aea8457', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '730847ca6551bd97a8ca5ce326d7c688db45abc9', class: `d-flex` }, hAsync("div", { key: '81ba00fedd8966a4de1d9b6e5fb143d604f7fd78' }, hAsync("road-avatar", { key: '1ffd5f201991e00426e3d2346f71cf368d575bed' }, hAsync("slot", { key: '5f315edbf2e208588d65481f6d1fdef9cc710167', name: "avatar" }))))), hAsync("div", { key: '5804a1978a34d124b9c0d393afc2cf3a9a8455cd', class: `dropdown-menu` }, hAsync("div", { key: '7f51670d9ae8cb74c9b4f166f95e100b54f4afa8', class: "profil-item" }, hAsync("road-avatar", { key: '038981301f8ac3c3f0a978f6df2e01014cb6977d', size: "sm" }, hAsync("slot", { key: '6e4c81af9c168c885145897b44083813511c992a', name: "avatarItem" })), hAsync("div", { key: '4956eeb2228dbdc85a05f6f6bd16b5ccc4642395', class: "profil-item-info" }, hAsync("span", { key: 'd774824085fb7064e8ac23a483b5d7f1beaf3c19', class: "profil-item-info-name" }, hAsync("slot", { key: '9f5d555413a29a54ad5132b7ee3e8681581c1ff1', name: "name" })), hAsync("road-label", { key: '833afbf05b3c926412e531af54d5b4bfddd57659' }, hAsync("slot", { key: '3a91061fb84cdcb6b752b9d64433fccbc75d8201', name: "email" })))), hAsync("slot", { key: '2a6afe22e66a02265b2c1c2e3a825af1357910ff', name: "list" }))));
|
|
11495
11475
|
}
|
|
11496
11476
|
get el() { return getElement(this); }
|
|
11497
11477
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11555,7 +11535,7 @@ class Duration {
|
|
|
11555
11535
|
this.isOpen = false;
|
|
11556
11536
|
}
|
|
11557
11537
|
render() {
|
|
11558
|
-
return (hAsync("road-drawer", { key: '
|
|
11538
|
+
return (hAsync("road-drawer", { key: '7321222cd94ddd473b8c1e6bdd6286d3bc667e1c', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '4c732f2bf549095e4fc2ae4ea16294cfcfb660a3' }, hAsync("road-row", { key: '51f86b8547cb413bb307877fb3f9d1e5799d8463', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
|
|
11559
11539
|
}
|
|
11560
11540
|
get el() { return getElement(this); }
|
|
11561
11541
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11601,7 +11581,7 @@ class Flap {
|
|
|
11601
11581
|
}
|
|
11602
11582
|
render() {
|
|
11603
11583
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11604
|
-
return (hAsync(Host, { key: '
|
|
11584
|
+
return (hAsync(Host, { key: 'd7980784b3e488f587a11a6786835fbe1cf5d0a8', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '59983b06c7042e29b7643afcc3f68f4a8ba85994' })));
|
|
11605
11585
|
}
|
|
11606
11586
|
static get style() { return RoadFlapStyle0; }
|
|
11607
11587
|
static get cmpMeta() { return {
|
|
@@ -11647,7 +11627,7 @@ class GlobalNavigation {
|
|
|
11647
11627
|
this.selectedTabChanged();
|
|
11648
11628
|
}
|
|
11649
11629
|
render() {
|
|
11650
|
-
return (hAsync(Host, { key: '
|
|
11630
|
+
return (hAsync(Host, { key: '74929b493b275f9e679ac63d98016a31d6cf5f62', role: "application" }, hAsync("slot", { key: '395470abc0ee63663c357c6a8152ad0e3884eeeb' })));
|
|
11651
11631
|
}
|
|
11652
11632
|
static get watchers() { return {
|
|
11653
11633
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11795,7 +11775,7 @@ class GlobalNavigationV2 {
|
|
|
11795
11775
|
this.selectedTabChanged();
|
|
11796
11776
|
}
|
|
11797
11777
|
render() {
|
|
11798
|
-
return (hAsync(Host, { key: '
|
|
11778
|
+
return (hAsync(Host, { key: 'db037b9925c41fc9d76f824acf83e891e655b859', role: "application" }, hAsync("slot", { key: 'e107020f45d83d398fb2b835200299ff234a749b' })));
|
|
11799
11779
|
}
|
|
11800
11780
|
get host() { return getElement(this); }
|
|
11801
11781
|
static get watchers() { return {
|
|
@@ -11825,7 +11805,7 @@ class Grid {
|
|
|
11825
11805
|
registerInstance(this, hostRef);
|
|
11826
11806
|
}
|
|
11827
11807
|
render() {
|
|
11828
|
-
return (hAsync("slot", { key: '
|
|
11808
|
+
return (hAsync("slot", { key: '4292928ec166894a60b6a691f5d7432fdabee8a4' }));
|
|
11829
11809
|
}
|
|
11830
11810
|
static get style() { return RoadGridStyle0; }
|
|
11831
11811
|
static get cmpMeta() { return {
|
|
@@ -11928,7 +11908,7 @@ class Icon {
|
|
|
11928
11908
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
11929
11909
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
11930
11910
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
11931
|
-
return (hAsync(Host, { key: '
|
|
11911
|
+
return (hAsync(Host, { key: '37f9bb4614c5cced30ec69c9db31b52378b49273', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
11932
11912
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
11933
11913
|
: hAsync("div", { class: "icon-inner" })));
|
|
11934
11914
|
}
|
|
@@ -12050,7 +12030,7 @@ class Illustration {
|
|
|
12050
12030
|
render() {
|
|
12051
12031
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12052
12032
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12053
|
-
return (hAsync(Host, { key: '
|
|
12033
|
+
return (hAsync(Host, { key: '3d69563e09fcbb37f10cc584c86ac0aae5b9321e', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12054
12034
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12055
12035
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12056
12036
|
}
|
|
@@ -12153,7 +12133,7 @@ class Img {
|
|
|
12153
12133
|
}
|
|
12154
12134
|
render() {
|
|
12155
12135
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12156
|
-
return (hAsync(Host, { key: '
|
|
12136
|
+
return (hAsync(Host, { key: '11b3ada4bdf7e371c599cb8a9fa8982c21e21400', class: placeholder }, hAsync("img", { key: 'ba91d029e9e58ea1b260ac380a1bedefaeb29918', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
|
12157
12137
|
}
|
|
12158
12138
|
get el() { return getElement(this); }
|
|
12159
12139
|
static get watchers() { return {
|
|
@@ -29474,24 +29454,52 @@ class Input {
|
|
|
29474
29454
|
const input = ev.target;
|
|
29475
29455
|
let newValue = input.value;
|
|
29476
29456
|
if (this.type === 'number' && this.blockdecimal) {
|
|
29477
|
-
newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si
|
|
29457
|
+
newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si `blockdecimal` est activé
|
|
29458
|
+
}
|
|
29459
|
+
// Convertir en nombre et ajuster selon min/max
|
|
29460
|
+
let numericValue = parseFloat(newValue);
|
|
29461
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29462
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29463
|
+
if (!isNaN(numericValue)) {
|
|
29464
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29465
|
+
numericValue = minValue;
|
|
29466
|
+
}
|
|
29467
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29468
|
+
numericValue = maxValue;
|
|
29469
|
+
}
|
|
29470
|
+
newValue = numericValue.toString();
|
|
29471
|
+
}
|
|
29472
|
+
if (this.type === 'number') {
|
|
29473
|
+
this.value = newValue;
|
|
29474
|
+
input.value = newValue; // Mise à jour immédiate du champ
|
|
29478
29475
|
}
|
|
29479
|
-
this.value = newValue;
|
|
29480
29476
|
this.roadInput.emit(ev);
|
|
29481
29477
|
this.roadChange.emit({ value: newValue });
|
|
29478
|
+
// Appeler enforceMinMaxValue à chaque modification de la valeur
|
|
29479
|
+
this.enforceMinMaxValue();
|
|
29482
29480
|
};
|
|
29483
29481
|
this.onBlur = () => {
|
|
29484
29482
|
let value = this.getValue();
|
|
29485
|
-
|
|
29486
|
-
|
|
29487
|
-
|
|
29483
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29484
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29485
|
+
let numericValue = parseFloat(value);
|
|
29486
|
+
if (!isNaN(numericValue)) {
|
|
29487
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29488
|
+
numericValue = minValue;
|
|
29489
|
+
}
|
|
29490
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29491
|
+
numericValue = maxValue;
|
|
29492
|
+
}
|
|
29493
|
+
value = numericValue.toString();
|
|
29488
29494
|
}
|
|
29489
|
-
if (this.
|
|
29490
|
-
value =
|
|
29495
|
+
if (this.type === 'number') {
|
|
29496
|
+
this.value = value;
|
|
29497
|
+
const input = document.getElementById(this.inputId);
|
|
29498
|
+
input.value = value;
|
|
29491
29499
|
}
|
|
29492
|
-
this.value = value; // Mettre à jour la valeur avec la valeur ajustée
|
|
29493
|
-
// Émettre l'événement roadblur avec la valeur ajustée
|
|
29494
29500
|
this.roadBlur.emit(value);
|
|
29501
|
+
// Appeler enforceMinMaxValue lors de la perte de focus
|
|
29502
|
+
this.enforceMinMaxValue();
|
|
29495
29503
|
};
|
|
29496
29504
|
this.onFocus = () => {
|
|
29497
29505
|
this.roadFocus.emit();
|
|
@@ -29519,25 +29527,35 @@ class Input {
|
|
|
29519
29527
|
*/
|
|
29520
29528
|
valueChanged() {
|
|
29521
29529
|
this.debouncedRoadChange(this.value);
|
|
29530
|
+
// Appeler enforceMinMaxValue après chaque changement de valeur
|
|
29531
|
+
this.enforceMinMaxValue();
|
|
29532
|
+
}
|
|
29533
|
+
async enforceMinMaxValue() {
|
|
29534
|
+
let value = this.getValue();
|
|
29535
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29536
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29537
|
+
let numericValue = parseFloat(value);
|
|
29538
|
+
if (!isNaN(numericValue)) {
|
|
29539
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29540
|
+
numericValue = minValue;
|
|
29541
|
+
}
|
|
29542
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29543
|
+
numericValue = maxValue;
|
|
29544
|
+
}
|
|
29545
|
+
value = numericValue.toString();
|
|
29546
|
+
}
|
|
29547
|
+
if (this.type === 'number') {
|
|
29548
|
+
this.value = value;
|
|
29549
|
+
const input = document.getElementById(this.inputId);
|
|
29550
|
+
input.value = value;
|
|
29551
|
+
}
|
|
29552
|
+
this.roadChange.emit({ value });
|
|
29522
29553
|
}
|
|
29523
29554
|
getValue() {
|
|
29524
29555
|
return typeof this.value === 'number'
|
|
29525
29556
|
? this.value.toString()
|
|
29526
29557
|
: (this.value || '').toString();
|
|
29527
29558
|
}
|
|
29528
|
-
enforceMinMax(el) {
|
|
29529
|
-
if (el.value !== "") {
|
|
29530
|
-
const value = parseInt(el.value);
|
|
29531
|
-
const minValue = parseInt(el.min);
|
|
29532
|
-
const maxValue = parseInt(el.max);
|
|
29533
|
-
if (value < minValue) {
|
|
29534
|
-
el.value = el.min;
|
|
29535
|
-
}
|
|
29536
|
-
if (value > maxValue) {
|
|
29537
|
-
el.value = el.max;
|
|
29538
|
-
}
|
|
29539
|
-
}
|
|
29540
|
-
}
|
|
29541
29559
|
componentWillLoad() {
|
|
29542
29560
|
this.debounceChanged(); // Initialize debounce on component load
|
|
29543
29561
|
}
|
|
@@ -29547,7 +29565,7 @@ class Input {
|
|
|
29547
29565
|
const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
|
|
29548
29566
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29549
29567
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29550
|
-
return (hAsync(Host, { key: '
|
|
29568
|
+
return (hAsync(Host, { key: '12b0cdc7b6abc227beb265422bae2da5e687beff', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'ed422344129c95c191946021b79846cd98bacdb5', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input' }), hAsync("label", { key: 'f14ec2e080c89003ceeb912c85d03c214a810299', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '6ee1f4a5d8373f66c824c3c76771384eb45bb71e', class: "invalid-feedback" }, hAsync("road-icon", { key: '2a95a27410376aef3e70107eb68f0855d3fad2a2', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '9d7c9c44f8f927e2bb9db1c72bbb36b121bd066e', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'e1851a187321fb1b64c3184f1241e0aa1ca72b5b', name: "checklistPassword" })));
|
|
29551
29569
|
}
|
|
29552
29570
|
static get watchers() { return {
|
|
29553
29571
|
"debounce": ["debounceChanged"],
|
|
@@ -29585,7 +29603,8 @@ class Input {
|
|
|
29585
29603
|
"label": [1],
|
|
29586
29604
|
"error": [1],
|
|
29587
29605
|
"helper": [1],
|
|
29588
|
-
"debounce": [2]
|
|
29606
|
+
"debounce": [2],
|
|
29607
|
+
"enforceMinMaxValue": [64]
|
|
29589
29608
|
},
|
|
29590
29609
|
"$listeners$": undefined,
|
|
29591
29610
|
"$lazyBundleId$": "-",
|
|
@@ -29594,7 +29613,7 @@ class Input {
|
|
|
29594
29613
|
}
|
|
29595
29614
|
let inputIds = 0;
|
|
29596
29615
|
|
|
29597
|
-
const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-color:var(--road-input-outline);border-
|
|
29616
|
+
const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-right-color:transparent;border-color:var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;top:0;bottom:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0;position:absolute;right:0;top:0;bottom:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1;position:relative}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot=\"prepend\"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
|
|
29598
29617
|
var RoadInputGroupStyle0 = inputGroupCss;
|
|
29599
29618
|
|
|
29600
29619
|
/**
|
|
@@ -29612,7 +29631,7 @@ class InputGroup {
|
|
|
29612
29631
|
handleDisabledChange(newValue) {
|
|
29613
29632
|
this.updateDisabledState(newValue);
|
|
29614
29633
|
}
|
|
29615
|
-
/**
|
|
29634
|
+
/** Applique le `disabled` aux enfants */
|
|
29616
29635
|
updateDisabledState(isDisabled) {
|
|
29617
29636
|
const children = this.el.querySelectorAll('road-input, road-button, road-select');
|
|
29618
29637
|
children.forEach(child => {
|
|
@@ -29624,9 +29643,24 @@ class InputGroup {
|
|
|
29624
29643
|
}
|
|
29625
29644
|
});
|
|
29626
29645
|
}
|
|
29627
|
-
|
|
29628
|
-
|
|
29646
|
+
/** Vérifie et applique le `text-indent` si `prepend` est présent */
|
|
29647
|
+
updateIndentation() {
|
|
29648
|
+
const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
|
|
29649
|
+
const formControl = this.el.querySelector('.form-control');
|
|
29650
|
+
const formLabel = this.el.querySelector('.form-label');
|
|
29651
|
+
if (formControl) {
|
|
29652
|
+
formControl.style.textIndent = hasPrepend ? '2rem' : '';
|
|
29653
|
+
}
|
|
29654
|
+
if (formLabel) {
|
|
29655
|
+
formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
|
|
29656
|
+
}
|
|
29657
|
+
}
|
|
29658
|
+
componentDidLoad() {
|
|
29629
29659
|
this.updateDisabledState(this.disabled);
|
|
29660
|
+
this.updateIndentation(); // Appliquer les styles au montage
|
|
29661
|
+
// Observer les mutations (au cas où des éléments sont ajoutés dynamiquement)
|
|
29662
|
+
const observer = new MutationObserver(() => this.updateIndentation());
|
|
29663
|
+
observer.observe(this.el, { childList: true, subtree: true });
|
|
29630
29664
|
}
|
|
29631
29665
|
render() {
|
|
29632
29666
|
const errorClass = this.el.querySelector('road-input[error]') ? 'is-invalid' : '';
|
|
@@ -29634,7 +29668,7 @@ class InputGroup {
|
|
|
29634
29668
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29635
29669
|
: '';
|
|
29636
29670
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29637
|
-
return (hAsync("div", { key: '
|
|
29671
|
+
return (hAsync("div", { key: '46a650f180e49072ac60cd8a4afcd0b881dd24d8', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '7841a34b9dee11e56533e856f3d0a772df5d3db4', class: "input-group-prepend" }, hAsync("slot", { key: 'bc2d71d0d0f41aa16a01cefe3c1cdfd9f9d24b31', name: "prepend" })), hAsync("slot", { key: '8fecd8cc846ca4130f3b62084e00549d4541f44c' }), hAsync("div", { key: '6b4ae77e27b88d070ab635033a1cc476364ddb65', class: "input-group-append" }, hAsync("slot", { key: 'a572bc2ddac3a9abe6cf756b19078b360484c872', name: "append" }))));
|
|
29638
29672
|
}
|
|
29639
29673
|
get el() { return getElement(this); }
|
|
29640
29674
|
static get watchers() { return {
|
|
@@ -29714,13 +29748,13 @@ class Item {
|
|
|
29714
29748
|
target,
|
|
29715
29749
|
};
|
|
29716
29750
|
const showDetail = detail !== undefined && detail;
|
|
29717
|
-
return (hAsync(Host, { key: '
|
|
29751
|
+
return (hAsync(Host, { key: '469be56a9d2b7ff04d17328e1f2372f0d8dc32a4', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29718
29752
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29719
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29753
|
+
} }, hAsync(TagType, Object.assign({ key: 'b6c630e11c30631eb89b9f6676d456f663cc42cd' }, attrs, { class: {
|
|
29720
29754
|
'item-native': true,
|
|
29721
29755
|
'item-active': this.active,
|
|
29722
29756
|
[`layout-${layout}`]: layout !== undefined,
|
|
29723
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29757
|
+
}, part: "native", disabled: disabled }), hAsync("slot", { key: '73cb715b04a91e036116e2454b3c0d8b24fa91ab', name: "start" }), hAsync("div", { key: 'f70a30dfd59749802632f6c8cde020c9c00a1d41', class: "item-inner" }, hAsync("div", { key: '5eb2450abfda20f2d143e9c44b64509db37d6ad0', class: "input-wrapper" }, hAsync("slot", { key: 'eca2a17a499f9f133cb8fc57f29256ec524dac6c' }), hAsync("div", { key: '0a5c73a520af15de86f0f4eb01041b3c237a0fba', class: "input-wrapper-info" }, hAsync("road-label", { key: '43047116c5d0cec800dcd89b10b7a78edc62f1c6', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '7b320cd59589f64b50c8dbc012a8af155ffd504b', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '2f8fd66c6579cf3895b76485495bea6583cf2244', name: "end" }), showDetail && hAsync("road-icon", { key: '543e90af13b4bd2db1b404bbcad4bc39c7d88a5e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
|
|
29724
29758
|
}
|
|
29725
29759
|
get el() { return getElement(this); }
|
|
29726
29760
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29761,7 +29795,7 @@ class Label {
|
|
|
29761
29795
|
registerInstance(this, hostRef);
|
|
29762
29796
|
}
|
|
29763
29797
|
render() {
|
|
29764
|
-
return (hAsync("slot", { key: '
|
|
29798
|
+
return (hAsync("slot", { key: 'a1b53c7175dc84b9608f30199187e89d458f9678' }));
|
|
29765
29799
|
}
|
|
29766
29800
|
static get style() { return RoadLabelStyle0; }
|
|
29767
29801
|
static get cmpMeta() { return {
|
|
@@ -29786,9 +29820,9 @@ class List {
|
|
|
29786
29820
|
}
|
|
29787
29821
|
render() {
|
|
29788
29822
|
const { lines } = this;
|
|
29789
|
-
return (hAsync(Host, { key: '
|
|
29823
|
+
return (hAsync(Host, { key: '04ab5013f370d2bc3f16b06092f280855f02d631', class: {
|
|
29790
29824
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29791
|
-
} }, hAsync("slot", { key: '
|
|
29825
|
+
} }, hAsync("slot", { key: '4a4e1fe77c44c0cae3ca908007d6920fda2bf50f' })));
|
|
29792
29826
|
}
|
|
29793
29827
|
static get style() { return RoadListStyle0; }
|
|
29794
29828
|
static get cmpMeta() { return {
|
|
@@ -29873,7 +29907,7 @@ class Modal {
|
|
|
29873
29907
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
29874
29908
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
29875
29909
|
const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
|
|
29876
|
-
return (hAsync(Host, { key: '
|
|
29910
|
+
return (hAsync(Host, { key: 'dac59227df3d0e20b46690b06cad20eacab6baa4', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '4f975c70b380efb49ca69ceb73a94c496ec153c4', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'c76f6bdece99201272fcab25f44b8c394758c0f3', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '7d8994cb7c4d69bac5cc2f5eaa95dd16ac231b63', class: "modal-content" }, hAsync("header", { key: '163ece49c68ba07d0c6d45bf17149abe766d553b', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '8f7c31d349a38f0004115015162658ddc895ed2d', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '7fa33901867ef3591f9b1232d9e30c4cf39dab51', class: "modal-body" }, hAsync("slot", { key: 'ab3488f37dc4d5885bc17120490f0b9c67fefbdd' }))))));
|
|
29877
29911
|
}
|
|
29878
29912
|
get el() { return getElement(this); }
|
|
29879
29913
|
static get style() { return RoadModalStyle0; }
|
|
@@ -29924,7 +29958,7 @@ class Navbar {
|
|
|
29924
29958
|
this.selectedTabChanged();
|
|
29925
29959
|
}
|
|
29926
29960
|
render() {
|
|
29927
|
-
return (hAsync(Host, { key: '
|
|
29961
|
+
return (hAsync(Host, { key: '1156d0442b84d86ea8ff25f69177061dbbded5f2', role: "menubar" }, hAsync("slot", { key: '90856108fe5c9b6573b25e857c51d639f8b755de' })));
|
|
29928
29962
|
}
|
|
29929
29963
|
static get watchers() { return {
|
|
29930
29964
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30010,11 +30044,11 @@ class NavbarItem$1 {
|
|
|
30010
30044
|
rel,
|
|
30011
30045
|
target,
|
|
30012
30046
|
};
|
|
30013
|
-
return (hAsync(Host, { key: '
|
|
30047
|
+
return (hAsync(Host, { key: 'cadf540c4904dd77b0a5705b557a6e40680b7c6d', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
30014
30048
|
'navbar-item': true,
|
|
30015
30049
|
'tab-selected': selected,
|
|
30016
30050
|
'tab-disabled': disabled,
|
|
30017
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30051
|
+
} }, hAsync("a", Object.assign({ key: '9f4967c6a8e7a497ffbb68e5afd70408c071c237' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'e56e5c60ab8c089d33ec04a1eb52f27893380271', class: "button-inner" }, hAsync("slot", { key: '12185a907f90bf69ed4246555334296e2e978f50' })))));
|
|
30018
30052
|
}
|
|
30019
30053
|
get el() { return getElement(this); }
|
|
30020
30054
|
static get watchers() { return {
|
|
@@ -30107,11 +30141,11 @@ class NavbarItem {
|
|
|
30107
30141
|
rel,
|
|
30108
30142
|
target,
|
|
30109
30143
|
};
|
|
30110
|
-
return (hAsync(Host, { key: '
|
|
30144
|
+
return (hAsync(Host, { key: '601f204e6f95ffcbdbc28616c6da7f97b0e45e90', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
30111
30145
|
'navbar-item': true,
|
|
30112
30146
|
'tab-selected': selected,
|
|
30113
30147
|
'tab-disabled': disabled,
|
|
30114
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30148
|
+
} }, hAsync("a", Object.assign({ key: 'a3e0ceba2141581c29fbb6c7a6d82765d3857f46' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'b0972e625c45f1b89de7a96e78e848f3e0f707d5', class: "button-inner" }, hAsync("slot", { key: 'ebd2d571b97f8670c0c5bd4d609bca67260e59b5' })))));
|
|
30115
30149
|
}
|
|
30116
30150
|
get el() { return getElement(this); }
|
|
30117
30151
|
static get watchers() { return {
|
|
@@ -30170,7 +30204,7 @@ class NavbarV2 {
|
|
|
30170
30204
|
}
|
|
30171
30205
|
render() {
|
|
30172
30206
|
const compactClass = this.compact ? 'compact' : '';
|
|
30173
|
-
return (hAsync(Host, { key: '
|
|
30207
|
+
return (hAsync(Host, { key: '10d52847da0d9c1c0ae8f72cf105cea490b2bf19', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '42741876dd02cde76118761499e15bf08ca24200' })));
|
|
30174
30208
|
}
|
|
30175
30209
|
static get watchers() { return {
|
|
30176
30210
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30293,10 +30327,10 @@ class PlateNumber {
|
|
|
30293
30327
|
render() {
|
|
30294
30328
|
const value = this.getValue();
|
|
30295
30329
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30296
|
-
return (hAsync("road-input-group", { key: '
|
|
30330
|
+
return (hAsync("road-input-group", { key: 'efc8fba0e1aea6b0687d4d4a74f3ca724e2d0949', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '5e09e12c31a09ca20aa46888703cb1fc4cf364e5', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '8f11495066f07b1c5697b643cdf32a4f52fe4753', class: "plate-number-start" }, hAsync("road-icon", { key: '3fe1b777b82aa43f73546881435b9527dfb2554d', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '18969517cf65f183dab4c242b9ba233bcd092cb6', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
30297
30331
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30298
30332
|
? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
|
|
30299
|
-
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '
|
|
30333
|
+
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '0b94be622ead0b4d56153be0f679d8d5e5a74c75', slot: "append", class: "input-group-append" }, hAsync("div", { key: '677f04f8acc756c280d1b7ac446e03375f58e609', class: "plate-number-end" }))));
|
|
30300
30334
|
}
|
|
30301
30335
|
static get watchers() { return {
|
|
30302
30336
|
"value": ["valueChanged"]
|
|
@@ -30364,7 +30398,7 @@ class ProgressBar {
|
|
|
30364
30398
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30365
30399
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30366
30400
|
const animation = this.animation ? 'animation' : '';
|
|
30367
|
-
return (hAsync(Host, { key: '
|
|
30401
|
+
return (hAsync(Host, { key: 'a0b5c85cace63d6517339d98fc884e2d4bcb8878', class: "progress-element" }, hAsync("div", { key: '6ca715af39959305fbe1ca9946c7ba3af95758a4', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '3bff025c331600a14db6e27bb33b1c33e8590905', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: 'b6e9162da74e74aab4fbe71dfd02d1cf7739b131', class: `${fullwidth}` }, hAsync("span", { key: '666d3090e9b1f11ae900b74baa99fa79dd92224f', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '544d468f01623e3eb03938a1650943a8b43099bc', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30368
30402
|
}
|
|
30369
30403
|
static get style() { return RoadProgressStyle0; }
|
|
30370
30404
|
static get cmpMeta() { return {
|
|
@@ -30405,7 +30439,7 @@ class ProgressIndicatorVertical {
|
|
|
30405
30439
|
registerInstance(this, hostRef);
|
|
30406
30440
|
}
|
|
30407
30441
|
render() {
|
|
30408
|
-
return (hAsync(Host, { key: '
|
|
30442
|
+
return (hAsync(Host, { key: 'b9414e9e3a3c39ec4769e96785d81e6ed72f8cb7' }, hAsync("nav", { key: 'ca19afe47fd5ad7e70ea9e57fbb7660b3d8b96d6' }, hAsync("ul", { key: 'cfcba662c75659241a23a3089cf976cfc709b435' }, hAsync("li", { key: '88e01d54ea52de823fa2715c31227cd193e6e02b' }, hAsync("slot", { key: 'f70b71be1951c826d11f7793deb7eed74683eec2' }))))));
|
|
30409
30443
|
}
|
|
30410
30444
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30411
30445
|
static get cmpMeta() { return {
|
|
@@ -30429,7 +30463,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30429
30463
|
registerInstance(this, hostRef);
|
|
30430
30464
|
}
|
|
30431
30465
|
render() {
|
|
30432
|
-
return (hAsync(Host, { key: '
|
|
30466
|
+
return (hAsync(Host, { key: '197a570a10cd38b0894b57886f1da483ee666ebf' }, hAsync("slot", { key: '371681ee0447123ad734b9b00ee26368a2df24f5' })));
|
|
30433
30467
|
}
|
|
30434
30468
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30435
30469
|
static get cmpMeta() { return {
|
|
@@ -30458,7 +30492,7 @@ class ProgressTracker {
|
|
|
30458
30492
|
registerInstance(this, hostRef);
|
|
30459
30493
|
}
|
|
30460
30494
|
render() {
|
|
30461
|
-
return (hAsync(Host, { key: '
|
|
30495
|
+
return (hAsync(Host, { key: '96924d494a649b4afae2f4c53e5535a6cde278de' }, hAsync("nav", { key: '51deac30b6a6cbee7831137c03db92befad99fc4' }, hAsync("ul", { key: 'd38a9b448ca5dbcc36daf286f4b82879d1f5ea74' }, hAsync("li", { key: '8ea681def65ff1a9072fd854a9ce6b26025b9e4b' }, hAsync("slot", { key: '1957024fdf2632c253cfdfb61c491f4de4addb7d' }))))));
|
|
30462
30496
|
}
|
|
30463
30497
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30464
30498
|
static get cmpMeta() { return {
|
|
@@ -30490,7 +30524,7 @@ class ProgressTrackerItem {
|
|
|
30490
30524
|
registerInstance(this, hostRef);
|
|
30491
30525
|
}
|
|
30492
30526
|
render() {
|
|
30493
|
-
return (hAsync(Host, { key: '
|
|
30527
|
+
return (hAsync(Host, { key: '707344b5cf52de10c13d0c66528f8a885d723d7f' }, hAsync("slot", { key: 'c8c1a8c048b465e6aeb171d61287eb7cd4e7b441' })));
|
|
30494
30528
|
}
|
|
30495
30529
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30496
30530
|
static get cmpMeta() { return {
|
|
@@ -30583,7 +30617,7 @@ class Radio {
|
|
|
30583
30617
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30584
30618
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30585
30619
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30586
|
-
return (hAsync(Host, { key: '
|
|
30620
|
+
return (hAsync(Host, { key: 'c11cc746100baf8868526ee1d8a431015c470851', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '24e69ea377bde8a69821e5362c1b4c33360b77e7', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'f7c6e5c59dc4951501c9bfa36912343cc0a29590', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '59d426e8b7cf57be4a5a601187418b267020bbc8', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
30587
30621
|
}
|
|
30588
30622
|
get el() { return getElement(this); }
|
|
30589
30623
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30677,7 +30711,7 @@ class RadioGroup {
|
|
|
30677
30711
|
render() {
|
|
30678
30712
|
const labelId = `${this.radioGroupId}-label`;
|
|
30679
30713
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30680
|
-
return (hAsync(Host, { key: '
|
|
30714
|
+
return (hAsync(Host, { key: '131297f7e2cf9165fd38f66c25e8a453b19e3cc4', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '33e8a13ec3ea86bcca2520d526769c3135bada44', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: 'e519e05382603e383d756639a9d75bd911572674', class: "asterisk" }, "*")), hAsync("slot", { key: 'f814e675b236c48fbff8c36b0d3bc007994166c5' }), this.error && this.error !== '' && hAsync("p", { key: 'b1f143b28c83493b4268627b47ef7177dfe45466', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'fb65f80a2d3808cc9799a9dbabab082d694be9ca', class: "helper" }, this.helper)));
|
|
30681
30715
|
}
|
|
30682
30716
|
get el() { return getElement(this); }
|
|
30683
30717
|
static get watchers() { return {
|
|
@@ -30807,14 +30841,14 @@ class Range {
|
|
|
30807
30841
|
render() {
|
|
30808
30842
|
const value = this.getValue();
|
|
30809
30843
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
30810
|
-
return (hAsync(Host, { key: '
|
|
30844
|
+
return (hAsync(Host, { key: '528241a7c094dda6bd4e5194f821a887f03ad8ff', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '7691402683ecd90a46f9e17b6026dd979d3e2d74', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: 'bb2b75b872d712e385d158e806af9c6e55c6b941', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '52efddf3b7c114533d6cde35a8e3eeedb79ec431', class: "form-range", style: {
|
|
30811
30845
|
"--min": this.min,
|
|
30812
30846
|
"--max": this.max,
|
|
30813
30847
|
"--value": value,
|
|
30814
30848
|
"--background-color": this.disabled
|
|
30815
30849
|
? "var(--road-surface-disabled)"
|
|
30816
30850
|
: "initial",
|
|
30817
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
30851
|
+
} }, this.showValue && hAsync("output", { key: 'c07d5e53f40cb05da0fe281e6988f48d9fb1af2d' }), this.showLabels && hAsync("slot", { key: 'ded049319f97b746290e8b7b76e3e11244593026', name: "datalist" }), hAsync("input", { key: 'eafe7909576334624465e188abebb996aa87a768', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: '765521b40969240611ab81a6f5b3ebc4c0a2dd3a', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '8abd6c8ee708c07da7d7a4a91360117360a57acb', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '8aa8bf201b4d2aea8b2d31a702e2d7cb88452bbc', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
30818
30852
|
}
|
|
30819
30853
|
get el() { return getElement(this); }
|
|
30820
30854
|
static get watchers() { return {
|
|
@@ -30883,7 +30917,7 @@ class Rating {
|
|
|
30883
30917
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
30884
30918
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
30885
30919
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
30886
|
-
return (hAsync(Host, { key: '
|
|
30920
|
+
return (hAsync(Host, { key: '420dedbdaba5d4870cbc5c0c66c984127496f299' }, hAsync("div", { key: '9e05ef26deaa4dfe78fd4b0d5f0f151d464a09c7', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: 'ae6070e89b65a976f9f675428c570a3eb7208351', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '9d58b93cd50d58437d9ca0d0f9d1617cc842c165', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
30887
30921
|
}
|
|
30888
30922
|
static get style() { return RoadRatingStyle0; }
|
|
30889
30923
|
static get cmpMeta() { return {
|
|
@@ -31002,7 +31036,7 @@ class RoadAreaCode {
|
|
|
31002
31036
|
const labelId = this.selectId + '-label';
|
|
31003
31037
|
const valueId = this.selectId + '-value';
|
|
31004
31038
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31005
|
-
return (hAsync(Host, { key: '
|
|
31039
|
+
return (hAsync(Host, { key: '55bc0f248f7fb4db8cf34998b478755fe5f57791', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '8d71b4acf6d1d5c1b88e4eb84abea2af446f5eb7', class: `form-select-area has-value ${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 }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: 'bea9a6cc118e78167bebf27f2f7639ef2b483106', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '520c7197ceb0ddbc6baad4885bb4c331f63928f5', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '8f0e1dc148ed8fcb933a61ecbf98efac03acbf18', class: "invalid-feedback" }, this.error)));
|
|
31006
31040
|
}
|
|
31007
31041
|
static get watchers() { return {
|
|
31008
31042
|
"value": ["valueChanged"]
|
|
@@ -32227,9 +32261,6 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
|
|
|
32227
32261
|
});
|
|
32228
32262
|
}(libphonenumber));
|
|
32229
32263
|
|
|
32230
|
-
// list of forbidden characters
|
|
32231
|
-
const forbiddenChars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
|
|
32232
|
-
|
|
32233
32264
|
const phoneNumberInputCss = ".is-invalid.sc-road-phone-number-input .phone-number-input-field.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.input-xl.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{gap:.25rem;display:flex;width:100%;margin:0.5rem 0;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}.phone-number-input-label.sc-road-phone-number-input{position:absolute;top:1rem;left:6rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.phone-number-input-field.sc-road-phone-number-input:required~.phone-number-input-label.sc-road-phone-number-input::after{color:var(--road-danger-default);content:\" *\"}.phone-number-input-field.sc-road-phone-number-input:focus~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field[required].sc-road-phone-number-input:valid~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field.has-value.sc-road-phone-number-input~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:placeholder-shown~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:-ms-input-placeholder~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-inputs-container.sc-road-phone-number-input{position:relative;display:flex}.road-phone-input-select.sc-road-phone-number-input{margin-bottom:1rem}.is-error.sc-road-phone-number-input{margin-bottom:0}.phone-number-input-field.sc-road-phone-number-input{flex-grow:1;border:1px solid var(--road-input-outline);border-left:0;border-radius:0.25rem;border-bottom-left-radius:0;border-top-left-radius:0}";
|
|
32234
32265
|
var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
|
|
32235
32266
|
|
|
@@ -32283,13 +32314,6 @@ class RoadPhoneNumberInput {
|
|
|
32283
32314
|
this.phoneNumber = input.value;
|
|
32284
32315
|
this.createAndDispatchPhoneData();
|
|
32285
32316
|
}
|
|
32286
|
-
// On user key down
|
|
32287
|
-
handleKeyDown(event) {
|
|
32288
|
-
// checks if the forbidden characters's list contains the pressed key
|
|
32289
|
-
if (forbiddenChars.includes(event.key)) {
|
|
32290
|
-
event.preventDefault();
|
|
32291
|
-
}
|
|
32292
|
-
}
|
|
32293
32317
|
// On user select
|
|
32294
32318
|
handleSelect(event) {
|
|
32295
32319
|
const select = event.target;
|
|
@@ -32393,9 +32417,9 @@ class RoadPhoneNumberInput {
|
|
|
32393
32417
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32394
32418
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32395
32419
|
const sizes = 'xl';
|
|
32396
|
-
return (hAsync(Host, { key: '
|
|
32420
|
+
return (hAsync(Host, { key: 'b232bb9bd74d9fe038c221ff848b27b9da2f159d' }, hAsync("div", { key: '477f657fa1614436a6efe877f4e260a8eeb9c67f', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'bd1859551b427c913ddef5715890bb59d430b784', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '73b69daadcb6519742803631f66a555d4ff33671', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '5086cd59439423aaf1803372b63e298cd6f481b2', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: 'a1a5e374d400123cdf4d36151770ba29f97630fc', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'c61e7fee987cdf74f92435037d49c5d162c59504', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: '4395476ddb01976cad55e7f4b59b67394011c21d', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
32397
32421
|
&& this.errorMessage !== ''
|
|
32398
|
-
&& hAsync("p", { key: '
|
|
32422
|
+
&& hAsync("p", { key: '3f9033245fa0794065258174b0296226de6cb963', class: "invalid-feedback" }, hAsync("road-icon", { key: '664e6ea9e54b06409d1712ed92ef97940f23e9e1', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
32399
32423
|
}
|
|
32400
32424
|
get el() { return getElement(this); }
|
|
32401
32425
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32435,7 +32459,7 @@ class Row {
|
|
|
32435
32459
|
registerInstance(this, hostRef);
|
|
32436
32460
|
}
|
|
32437
32461
|
render() {
|
|
32438
|
-
return (hAsync(Host, { key: '
|
|
32462
|
+
return (hAsync(Host, { key: 'c24fc7d8828c301b3569e2d2a0cd4dc8d7307828' }, hAsync("slot", { key: '997bf6ba4d7e803fff4b3c30793d4df99bafb238' })));
|
|
32439
32463
|
}
|
|
32440
32464
|
static get style() { return RoadRowStyle0; }
|
|
32441
32465
|
static get cmpMeta() { return {
|
|
@@ -32507,10 +32531,10 @@ class SegmentedButton {
|
|
|
32507
32531
|
render() {
|
|
32508
32532
|
const { tabIndex, selected, tab } = this;
|
|
32509
32533
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32510
|
-
return (hAsync(Host, { key: '
|
|
32534
|
+
return (hAsync(Host, { key: 'f6a97b1c5e95d256b8e196a5047e7b2655415d67', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32511
32535
|
'tab-selected': selected,
|
|
32512
32536
|
[`${sizeClass}`]: true,
|
|
32513
|
-
} }, hAsync("span", { key: '
|
|
32537
|
+
} }, hAsync("span", { key: '51bce8ba5647ea8ddcf153b3a74acc46af4edb7c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '1bd9a44592fd90312ea33e1adc5612cc5db951b9' }))));
|
|
32514
32538
|
}
|
|
32515
32539
|
get el() { return getElement(this); }
|
|
32516
32540
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -32631,7 +32655,7 @@ class Select {
|
|
|
32631
32655
|
const labelId = this.selectId + '-label';
|
|
32632
32656
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32633
32657
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32634
|
-
return (hAsync(Host, { key: '
|
|
32658
|
+
return (hAsync(Host, { key: '0659ad9a942daef4a079ca058127d92cc8c20097', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '1383da4d49980f65895b24587ed41968ab5b58e8', 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: 'f7975f19891715f2f4f33b0356d32f1df18aa7df', 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: '57cbc55337d0f040e639f942b4b03debfd9247aa', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '4970112ce9d96893b926b1aac4a9fb3bae296d69', class: "invalid-feedback" }, this.error)));
|
|
32635
32659
|
}
|
|
32636
32660
|
static get watchers() { return {
|
|
32637
32661
|
"value": ["valueChanged"]
|
|
@@ -34552,8 +34576,8 @@ class SelectFilter {
|
|
|
34552
34576
|
const options = this.filteredOptions;
|
|
34553
34577
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34554
34578
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34555
|
-
return (hAsync(Host, { key: '
|
|
34556
|
-
hAsync("ul", { key: '
|
|
34579
|
+
return (hAsync(Host, { key: '60762eea1cfe1d08708bd295fc252a68eb40799d', "is-active": isActive }, hAsync("slot", { key: '5bc83358875e4b428f629a95af7bee2a04a37bed' }), this.isOpen &&
|
|
34580
|
+
hAsync("ul", { key: '87f39be578541345a442d10bc26e5f5c66427800', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
|
|
34557
34581
|
}
|
|
34558
34582
|
get el() { return getElement(this); }
|
|
34559
34583
|
static get style() { return RoadSelectFilterStyle0; }
|
|
@@ -34583,7 +34607,7 @@ class Skeleton {
|
|
|
34583
34607
|
registerInstance(this, hostRef);
|
|
34584
34608
|
}
|
|
34585
34609
|
render() {
|
|
34586
|
-
return (hAsync("span", { key: '
|
|
34610
|
+
return (hAsync("span", { key: '836ac5581827f074751f3c497b7bc77a8c9e2e73' }, "\u00A0"));
|
|
34587
34611
|
}
|
|
34588
34612
|
static get style() { return RoadSkeletonStyle0; }
|
|
34589
34613
|
static get cmpMeta() { return {
|
|
@@ -34614,7 +34638,7 @@ class Spinner {
|
|
|
34614
34638
|
render() {
|
|
34615
34639
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34616
34640
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34617
|
-
return (hAsync("svg", { key: '
|
|
34641
|
+
return (hAsync("svg", { key: '0eede9bda893755c08fb19b9349afb0174c092a5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '0b18e9edd726326c19c3fb3365fd357687de6ff4', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34618
34642
|
}
|
|
34619
34643
|
static get style() { return RoadSpinnerStyle0; }
|
|
34620
34644
|
static get cmpMeta() { return {
|
|
@@ -34664,7 +34688,7 @@ class Stepper {
|
|
|
34664
34688
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
34665
34689
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
34666
34690
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
34667
|
-
return (hAsync(Host, { key: '
|
|
34691
|
+
return (hAsync(Host, { key: 'dcf8d6783ca1c50b480e3c8a9e519470df51f126' }, hAsync("nav", { key: 'c918c8ad257418793bffff06a95d20b4483c5533' }, hAsync("ul", { key: 'b97f0b4866076486f4d8622438de10077f476947', class: `${colorClass}` }, hAsync("li", { key: '1250f5e8d9020935ebbd2b84f039318516fb58dc', class: `${stateClass}` }, hAsync("a", { key: 'c2d67459691ae644080e924e9b01d08942c8dfe9', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: 'd9735fef2ab8347ecefb91146f0c1729cf77f1b9', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '5f08cf27f0ac87cbe6c16fd703d14b9c37e4454d', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '322addee8f1aaa5dca2c690b9fbf55533602f32a', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '7a09c36260f1584e1e46ee0bbde4df42bc21e59b', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: 'f84b6d100a4e00801738ada07c9213977e7b3360', class: `${stateSecondStepClass}` }, hAsync("a", { key: '9a05f024d8d56dbb601827c2a4249fa4507e0a7a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'f5c50f2a0b14e2079bf13698a86b8dc224a73b70', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'aab1fbcf2f816b6183a8d72e6ab99f24eded4852', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '612aeb4c4983caa2457611239459dc81c4e99aa1', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'ff0acac4d0e2e5dde377dc650f2980481cb26615', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'ff685a63ba6ba17eb25c1a409ff11b88b90818ed', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'da6a0f0c080049f92b8ca1ccf818c587a5a39090', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '9ad7a73bc9465595da09073821bac34b00c78e81', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '0a5823fda2102fade43ef222ec7d04737b51b7e9', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '468acc35f192fb7ae2090c8f32045a9406d9a9e2', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'e25d5a5a1702557adada5fb05ea9e551ce5042ef', name: "progress-indicator-horizontal-title3" }))))))));
|
|
34668
34692
|
}
|
|
34669
34693
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
34670
34694
|
static get cmpMeta() { return {
|
|
@@ -34766,11 +34790,11 @@ class Switch {
|
|
|
34766
34790
|
}
|
|
34767
34791
|
render() {
|
|
34768
34792
|
const labelId = this.switchId + '-label';
|
|
34769
|
-
const textLabel = hAsync("label", { key: '
|
|
34793
|
+
const textLabel = hAsync("label", { key: '6d2103f99cd9f321a3530b8e1bdffb4422437b06', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
34770
34794
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
34771
34795
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
34772
34796
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
34773
|
-
return (hAsync(Host, { key: '
|
|
34797
|
+
return (hAsync(Host, { key: '3c6c14bb4fb83b60b391ef9c75a9a60447662ef7' }, hAsync("input", { key: 'e5fa9efadebebc7dd5347601241be9ff7599eaef', 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: 'b1bf4b95034b261643b40774c804bedb54298892', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '06b2f47040884d8c4355f0203cb6b3b4f2efa5c8', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
34774
34798
|
}
|
|
34775
34799
|
static get watchers() { return {
|
|
34776
34800
|
"checked": ["checkedChanged"]
|
|
@@ -34825,9 +34849,9 @@ class Tab {
|
|
|
34825
34849
|
}
|
|
34826
34850
|
render() {
|
|
34827
34851
|
const { tab, active } = this;
|
|
34828
|
-
return (hAsync(Host, { key: '
|
|
34852
|
+
return (hAsync(Host, { key: '2388b760912fddc34f0204fbe2afe59bfd45e874', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
34829
34853
|
'tab-hidden': !active,
|
|
34830
|
-
} }, hAsync("slot", { key: '
|
|
34854
|
+
} }, hAsync("slot", { key: 'a9541ba7cf02ca95c4a805927fa146589178876d' })));
|
|
34831
34855
|
}
|
|
34832
34856
|
get el() { return getElement(this); }
|
|
34833
34857
|
static get style() { return RoadTabStyle0; }
|
|
@@ -34887,11 +34911,11 @@ class TabBar {
|
|
|
34887
34911
|
}
|
|
34888
34912
|
render() {
|
|
34889
34913
|
const { expand, center, secondary } = this;
|
|
34890
|
-
return (hAsync(Host, { key: '
|
|
34914
|
+
return (hAsync(Host, { key: 'e634e4914b3d846aa4a0288612a5ca375434e143', role: "tablist", class: {
|
|
34891
34915
|
'tab-expand': expand,
|
|
34892
34916
|
'tab-center': center,
|
|
34893
34917
|
'tab-secondary': secondary,
|
|
34894
|
-
} }, hAsync("slot", { key: '
|
|
34918
|
+
} }, hAsync("slot", { key: 'a5f4370b6adc58b86b407b58dde01fab0e3390c3' })));
|
|
34895
34919
|
}
|
|
34896
34920
|
get el() { return getElement(this); }
|
|
34897
34921
|
static get watchers() { return {
|
|
@@ -34991,7 +35015,7 @@ class TabButton {
|
|
|
34991
35015
|
rel,
|
|
34992
35016
|
target,
|
|
34993
35017
|
};
|
|
34994
|
-
return (hAsync(Host, { key: '
|
|
35018
|
+
return (hAsync(Host, { key: '499691c9d7abe7102aef4174f7a26be94ae9c1f2', 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: {
|
|
34995
35019
|
'tab-selected': selected,
|
|
34996
35020
|
'tab-has-label': hasLabel,
|
|
34997
35021
|
'tab-has-icon': hasIcon,
|
|
@@ -34999,7 +35023,7 @@ class TabButton {
|
|
|
34999
35023
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35000
35024
|
[`tab-layout-${layout}`]: true,
|
|
35001
35025
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35002
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35026
|
+
} }, hAsync("a", Object.assign({ key: '3f61d0817e64f4842409aa11b5a4692a9becea7d' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '6089b0b439f90947bccffa02ab102ffb781d6e10', class: "button-inner" }, hAsync("slot", { key: '530819a8013d3e00160c0c7981a566a49d2ba7be' })))));
|
|
35003
35027
|
}
|
|
35004
35028
|
get el() { return getElement(this); }
|
|
35005
35029
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35033,7 +35057,7 @@ class Table {
|
|
|
35033
35057
|
registerInstance(this, hostRef);
|
|
35034
35058
|
}
|
|
35035
35059
|
render() {
|
|
35036
|
-
return (hAsync("slot", { key: '
|
|
35060
|
+
return (hAsync("slot", { key: '969efbc10ec3956ef1bfcfff63d0fcd95d619b20' }));
|
|
35037
35061
|
}
|
|
35038
35062
|
static get style() { return RoadTableStyle0; }
|
|
35039
35063
|
static get cmpMeta() { return {
|
|
@@ -35141,7 +35165,7 @@ class Tabs$1 {
|
|
|
35141
35165
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35142
35166
|
}
|
|
35143
35167
|
render() {
|
|
35144
|
-
return (hAsync(Host, { key: '
|
|
35168
|
+
return (hAsync(Host, { key: '97ad0617ea34f3fe3327643bd69aab9060043e8f', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'b69c95aea0a20359b06a2118c4850467e56b156b', name: "top" }), hAsync("slot", { key: '84d9cabe1fbacbac245e954b67c13a21faea1824' })));
|
|
35145
35169
|
}
|
|
35146
35170
|
get el() { return getElement(this); }
|
|
35147
35171
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35277,7 +35301,7 @@ class Tabs {
|
|
|
35277
35301
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35278
35302
|
}
|
|
35279
35303
|
render() {
|
|
35280
|
-
return (hAsync(Host, { key: '
|
|
35304
|
+
return (hAsync(Host, { key: '4bc7361e3dc40f324459f29259b34d1797edf697', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '387958fa94175f83ee5d8ff37fcb29159f9ab1d7', name: "top" }), hAsync("div", { key: '0a1b85426687b29f19b5490e562227cbe0d36029', class: "tabs-inner" }, hAsync("slot", { key: '237eb046e0b681d845c1f149067b33145d5ac1c0' }))));
|
|
35281
35305
|
}
|
|
35282
35306
|
get el() { return getElement(this); }
|
|
35283
35307
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35325,7 +35349,7 @@ class Tag {
|
|
|
35325
35349
|
}
|
|
35326
35350
|
render() {
|
|
35327
35351
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35328
|
-
return (hAsync(Host, { key: '
|
|
35352
|
+
return (hAsync(Host, { key: 'b7b5a60405631c55d69a6059b4b08d24570a03a5', class: `${contrastClass}` }, hAsync("slot", { key: 'f1e330db16f68bc41a34d9d35003c2929746fbdc' })));
|
|
35329
35353
|
}
|
|
35330
35354
|
static get style() { return RoadTagStyle0; }
|
|
35331
35355
|
static get cmpMeta() { return {
|
|
@@ -35357,7 +35381,7 @@ class Text {
|
|
|
35357
35381
|
}
|
|
35358
35382
|
render() {
|
|
35359
35383
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35360
|
-
return (hAsync(Host, { key: '
|
|
35384
|
+
return (hAsync(Host, { key: 'bfb0dd3d26e95625e4422ffda7401f614212203c', class: `${colorClass}` }, hAsync("slot", { key: '67f879cff68567ed12c709ee1685e0d7f8281189' })));
|
|
35361
35385
|
}
|
|
35362
35386
|
static get style() { return RoadTextStyle0; }
|
|
35363
35387
|
static get cmpMeta() { return {
|
|
@@ -35467,7 +35491,7 @@ class Textarea {
|
|
|
35467
35491
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35468
35492
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35469
35493
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35470
|
-
return (hAsync(Host, { key: '
|
|
35494
|
+
return (hAsync(Host, { key: 'eeecfd72b3f41d8e48b83a304611de0acbc0e76c', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '5d8972ee6744d8896fe319f7af9593ac535ed301', 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, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: '8ebd025ef2b14dcd25729ac912fd58e995a5e5c1', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ac2e3cb456af042ea3950c3b2a217892d66e687e', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a36b93fc1c34d2a734e83f72ad6f113382e2c626', class: "helper" }, this.helper)));
|
|
35471
35495
|
}
|
|
35472
35496
|
static get watchers() { return {
|
|
35473
35497
|
"value": ["valueChanged"]
|
|
@@ -35598,7 +35622,7 @@ class Toast {
|
|
|
35598
35622
|
if (this.color == 'danger') {
|
|
35599
35623
|
this.timeout = 0;
|
|
35600
35624
|
}
|
|
35601
|
-
return (hAsync(Host, { key: '
|
|
35625
|
+
return (hAsync(Host, { key: '963d68bada509717bf67d7a260037641e1a7b7f6', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'fbb4ad85660f6812f390439ec077ee729c7b86ae', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'a213f9050e01d49c13ec343fdfe210b16e54d26e', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '547324e3dc33e3322b3247c829f20424438297a9', class: "toast-label" }, this.label), hAsync("button", { key: 'e53b8272bcf4b9e90c5114eb535ee6ccfab0c77c', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '3b2097476b3d34de79c12136a67606eb1adf3fb2', icon: navigationClose, size: "md" })), hAsync("slot", { key: '17c5fb88f18e89665038e82d5ec28614c046030f', name: "progress" }))));
|
|
35602
35626
|
}
|
|
35603
35627
|
static get watchers() { return {
|
|
35604
35628
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35638,7 +35662,7 @@ class Toolbar {
|
|
|
35638
35662
|
}
|
|
35639
35663
|
render() {
|
|
35640
35664
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35641
|
-
return (hAsync(Host, { key: '
|
|
35665
|
+
return (hAsync(Host, { key: 'ffc6f4ac8c4ef24eea46bdae04b7a4c04832bf44', class: colorClass }, hAsync("div", { key: '5cd57479fd54221ee9a87a3a6801f14c52200d85', class: "toolbar-container" }, hAsync("slot", { key: '7952ecef2e0dc894bdcc43fd4a40ae3bf60e7890', name: "start" }), hAsync("slot", { key: 'db445d8b30a2bc4eb4069321319fe9eda7dc2844', name: "primary" }), hAsync("div", { key: '3f7733fd49723df3ba704f75d478b441f31ed413', class: "toolbar-content" }, hAsync("slot", { key: 'cbd10156f94a0f9581eceba038f8da5d89acbeb9' })), hAsync("slot", { key: '280ec9f65e0027f54f85aed82e6ac5be5c479ea6', name: "secondary" }), hAsync("slot", { key: '81a86f23332ea53f67e9807428f3d0d8cf152a1c', name: "end" }))));
|
|
35642
35666
|
}
|
|
35643
35667
|
static get style() { return RoadToolbarStyle0; }
|
|
35644
35668
|
static get cmpMeta() { return {
|
|
@@ -35664,7 +35688,7 @@ class ToolbarAppName {
|
|
|
35664
35688
|
registerInstance(this, hostRef);
|
|
35665
35689
|
}
|
|
35666
35690
|
render() {
|
|
35667
|
-
return (hAsync("div", { key: '
|
|
35691
|
+
return (hAsync("div", { key: '7a11cf4b2af6182e9538b11c6b5942b4c572d637', class: "toolbar-title-page" }, hAsync("slot", { key: '51f5dcee2ad059148c9d7357132602d824e3fe63' })));
|
|
35668
35692
|
}
|
|
35669
35693
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
35670
35694
|
static get cmpMeta() { return {
|
|
@@ -35688,7 +35712,7 @@ class ToolbarTitle {
|
|
|
35688
35712
|
registerInstance(this, hostRef);
|
|
35689
35713
|
}
|
|
35690
35714
|
render() {
|
|
35691
|
-
return (hAsync("div", { key: '
|
|
35715
|
+
return (hAsync("div", { key: 'fdd5193281f75ccc04747f48380fbb4af8658055', class: "toolbar-title" }, hAsync("slot", { key: 'e65fd62179763d5378a7ac93a119f0032665f871' })));
|
|
35692
35716
|
}
|
|
35693
35717
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
35694
35718
|
static get cmpMeta() { return {
|
|
@@ -35717,7 +35741,7 @@ class ToolbarV2 {
|
|
|
35717
35741
|
registerInstance(this, hostRef);
|
|
35718
35742
|
}
|
|
35719
35743
|
render() {
|
|
35720
|
-
return (hAsync(Host, { key: '
|
|
35744
|
+
return (hAsync(Host, { key: '30cddf1e72a9b460259e8053952e6dcc7e2484b3', class: "toolbar" }, hAsync("div", { key: '5c86fb4db315f53f7341193929c354304524ba94', class: "toolbar-container" }, hAsync("div", { key: '68d87cc9a8d38547e8729cb6fa9a8821d7ab81ee', class: "toolbar-container-content-left" }, hAsync("slot", { key: '94386dd4aa8719e97ac5d51ffc0ca3f7e0e11ee4', name: "start" }), hAsync("slot", { key: '9b3fdc613462cdff090382f11dddb1308dc7da3a', name: "primary" })), hAsync("div", { key: '0153f5b668636a634cfce7f5d6a054785816445b', class: "toolbar-content" }, hAsync("slot", { key: 'ba416a009164948c33711d5a7cdc8f7632a5c983' })), hAsync("div", { key: 'c11139dfa5ed6ac04610c9e28ff3e51176dd4020', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'a22589d012b450cd962d5fbad132a568bf5a2457', name: "secondary" }), hAsync("slot", { key: '76d493946e1500e7f8ae95db6ae955f4b71fa7d6', name: "end" })))));
|
|
35721
35745
|
}
|
|
35722
35746
|
static get style() { return RoadToolbarV2Style0; }
|
|
35723
35747
|
static get cmpMeta() { return {
|
|
@@ -35830,12 +35854,12 @@ class Tooltip {
|
|
|
35830
35854
|
return triggers.includes(triggerType);
|
|
35831
35855
|
}
|
|
35832
35856
|
render() {
|
|
35833
|
-
return (hAsync(Host, { key: '
|
|
35857
|
+
return (hAsync(Host, { key: '1cf0e4a4f9ed48c4580712f823b2040b3898155c', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
35834
35858
|
,
|
|
35835
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
35859
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'bea4b3834a23af4d63a131a2b6bf9f795303a983', "aria-describedby": this.tooltipId }), hAsync("div", { key: '603d443e84c4848b6bbb355471467cadf9c9d048', part: "tooltip", id: this.tooltipId, class: {
|
|
35836
35860
|
tooltip: true,
|
|
35837
35861
|
'tooltip-open': this.isOpen,
|
|
35838
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
35862
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cd4e126cffd08a2f796514596cdf5584f831b620', name: "tooltip-content" }))));
|
|
35839
35863
|
}
|
|
35840
35864
|
get el() { return getElement(this); }
|
|
35841
35865
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -35935,11 +35959,11 @@ class toggle {
|
|
|
35935
35959
|
}
|
|
35936
35960
|
render() {
|
|
35937
35961
|
const labelId = this.toggleId + '-label';
|
|
35938
|
-
const textLabel = hAsync("label", { key: '
|
|
35962
|
+
const textLabel = hAsync("label", { key: '16549585187145555048579f3208d9804df0a909', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
35939
35963
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
35940
35964
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
35941
35965
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
35942
|
-
return (hAsync(Host, { key: '
|
|
35966
|
+
return (hAsync(Host, { key: 'ff45f91630783b5388ca3a94fac387dddb8fa3eb' }, hAsync("input", { key: '7f3681a3bd5518f3f8e0e90770cd93ab78b01b36', 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: '47b94c6c050469527b66f70699db39267f42a087', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'bb74c50605126d7ea4c2d6b13ef3bcfc4b0f0742', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
35943
35967
|
}
|
|
35944
35968
|
static get watchers() { return {
|
|
35945
35969
|
"checked": ["checkedChanged"]
|
|
@@ -36464,7 +36488,7 @@ var NAMESPACE = (
|
|
|
36464
36488
|
);
|
|
36465
36489
|
|
|
36466
36490
|
/*
|
|
36467
|
-
Stencil Hydrate Runner v4.27.
|
|
36491
|
+
Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
|
|
36468
36492
|
*/
|
|
36469
36493
|
var __defProp = Object.defineProperty;
|
|
36470
36494
|
var __export = (target, all) => {
|
|
@@ -36810,19 +36834,19 @@ var MockCustomElementRegistry = class {
|
|
|
36810
36834
|
this.__whenDefined.delete(tagName);
|
|
36811
36835
|
}
|
|
36812
36836
|
}
|
|
36813
|
-
const
|
|
36814
|
-
if (
|
|
36815
|
-
const hosts =
|
|
36837
|
+
const doc2 = this.win.document;
|
|
36838
|
+
if (doc2 != null) {
|
|
36839
|
+
const hosts = doc2.querySelectorAll(tagName);
|
|
36816
36840
|
hosts.forEach((host) => {
|
|
36817
36841
|
if (upgradedElements.has(host) === false) {
|
|
36818
|
-
tempDisableCallbacks.add(
|
|
36819
|
-
const upgradedCmp = createCustomElement(this,
|
|
36842
|
+
tempDisableCallbacks.add(doc2);
|
|
36843
|
+
const upgradedCmp = createCustomElement(this, doc2, tagName);
|
|
36820
36844
|
for (let i = 0; i < host.childNodes.length; i++) {
|
|
36821
36845
|
const childNode = host.childNodes[i];
|
|
36822
36846
|
childNode.remove();
|
|
36823
36847
|
upgradedCmp.appendChild(childNode);
|
|
36824
36848
|
}
|
|
36825
|
-
tempDisableCallbacks.delete(
|
|
36849
|
+
tempDisableCallbacks.delete(doc2);
|
|
36826
36850
|
if (proxyElements.has(host)) {
|
|
36827
36851
|
proxyElements.set(host, upgradedCmp);
|
|
36828
36852
|
}
|
|
@@ -45266,11 +45290,11 @@ function parseFragment(fragmentContext, html, options) {
|
|
|
45266
45290
|
// src/mock-doc/parse-util.ts
|
|
45267
45291
|
var docParser = /* @__PURE__ */ new WeakMap();
|
|
45268
45292
|
function parseDocumentUtil(ownerDocument, html) {
|
|
45269
|
-
const
|
|
45270
|
-
|
|
45271
|
-
|
|
45272
|
-
|
|
45273
|
-
return
|
|
45293
|
+
const doc2 = parse(html.trim(), getParser(ownerDocument));
|
|
45294
|
+
doc2.documentElement = doc2.firstElementChild;
|
|
45295
|
+
doc2.head = doc2.documentElement.firstElementChild;
|
|
45296
|
+
doc2.body = doc2.head.nextElementSibling;
|
|
45297
|
+
return doc2;
|
|
45274
45298
|
}
|
|
45275
45299
|
function parseFragmentUtil(ownerDocument, html) {
|
|
45276
45300
|
if (typeof html === "string") {
|
|
@@ -45288,9 +45312,9 @@ function getParser(ownerDocument) {
|
|
|
45288
45312
|
}
|
|
45289
45313
|
const treeAdapter = {
|
|
45290
45314
|
createDocument() {
|
|
45291
|
-
const
|
|
45292
|
-
|
|
45293
|
-
return
|
|
45315
|
+
const doc2 = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
|
|
45316
|
+
doc2["x-mode"] = "no-quirks";
|
|
45317
|
+
return doc2;
|
|
45294
45318
|
},
|
|
45295
45319
|
setNodeSourceCodeLocation(node, location2) {
|
|
45296
45320
|
node.sourceCodeLocation = location2;
|
|
@@ -45328,22 +45352,22 @@ function getParser(ownerDocument) {
|
|
|
45328
45352
|
getTemplateContent(templateElement) {
|
|
45329
45353
|
return templateElement.content;
|
|
45330
45354
|
},
|
|
45331
|
-
setDocumentType(
|
|
45332
|
-
let doctypeNode =
|
|
45355
|
+
setDocumentType(doc2, name, publicId, systemId) {
|
|
45356
|
+
let doctypeNode = doc2.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
|
|
45333
45357
|
if (doctypeNode == null) {
|
|
45334
45358
|
doctypeNode = ownerDocument.createDocumentTypeNode();
|
|
45335
|
-
|
|
45359
|
+
doc2.insertBefore(doctypeNode, doc2.firstChild);
|
|
45336
45360
|
}
|
|
45337
45361
|
doctypeNode.nodeValue = "!DOCTYPE";
|
|
45338
45362
|
doctypeNode["x-name"] = name;
|
|
45339
45363
|
doctypeNode["x-publicId"] = publicId;
|
|
45340
45364
|
doctypeNode["x-systemId"] = systemId;
|
|
45341
45365
|
},
|
|
45342
|
-
setDocumentMode(
|
|
45343
|
-
|
|
45366
|
+
setDocumentMode(doc2, mode) {
|
|
45367
|
+
doc2["x-mode"] = mode;
|
|
45344
45368
|
},
|
|
45345
|
-
getDocumentMode(
|
|
45346
|
-
return
|
|
45369
|
+
getDocumentMode(doc2) {
|
|
45370
|
+
return doc2["x-mode"];
|
|
45347
45371
|
},
|
|
45348
45372
|
detachNode(node) {
|
|
45349
45373
|
node.remove();
|
|
@@ -45519,9 +45543,9 @@ var jquery_default = (
|
|
|
45519
45543
|
nonce: true,
|
|
45520
45544
|
noModule: true
|
|
45521
45545
|
};
|
|
45522
|
-
function DOMEval(code, node,
|
|
45523
|
-
|
|
45524
|
-
var i2, script =
|
|
45546
|
+
function DOMEval(code, node, doc2) {
|
|
45547
|
+
doc2 = doc2 || document2;
|
|
45548
|
+
var i2, script = doc2.createElement("script");
|
|
45525
45549
|
script.text = code;
|
|
45526
45550
|
if (node) {
|
|
45527
45551
|
for (i2 in preservedScriptAttributes) {
|
|
@@ -45530,7 +45554,7 @@ var jquery_default = (
|
|
|
45530
45554
|
}
|
|
45531
45555
|
}
|
|
45532
45556
|
}
|
|
45533
|
-
|
|
45557
|
+
doc2.head.appendChild(script).parentNode.removeChild(script);
|
|
45534
45558
|
}
|
|
45535
45559
|
const jQuery = {};
|
|
45536
45560
|
var version = "4.0.0-pre+9352011a7.dirty +selector", rhtmlSuffix = /HTML$/i, jQueryOrig = function(selector, context) {
|
|
@@ -45667,8 +45691,8 @@ var jquery_default = (
|
|
|
45667
45691
|
},
|
|
45668
45692
|
// Evaluates a script in a provided context; falls back to the global one
|
|
45669
45693
|
// if not specified.
|
|
45670
|
-
globalEval: function(code, options,
|
|
45671
|
-
DOMEval(code, { nonce: options && options.nonce },
|
|
45694
|
+
globalEval: function(code, options, doc2) {
|
|
45695
|
+
DOMEval(code, { nonce: options && options.nonce }, doc2);
|
|
45672
45696
|
},
|
|
45673
45697
|
each: function(obj, callback) {
|
|
45674
45698
|
var length, i2 = 0;
|
|
@@ -46157,11 +46181,11 @@ var jquery_default = (
|
|
|
46157
46181
|
});
|
|
46158
46182
|
}
|
|
46159
46183
|
function setDocument(node) {
|
|
46160
|
-
var subWindow,
|
|
46161
|
-
if (
|
|
46184
|
+
var subWindow, doc2 = node ? node.ownerDocument || node : document2;
|
|
46185
|
+
if (doc2 == document$1 || doc2.nodeType !== 9) {
|
|
46162
46186
|
return;
|
|
46163
46187
|
}
|
|
46164
|
-
document$1 =
|
|
46188
|
+
document$1 = doc2;
|
|
46165
46189
|
documentElement$1 = document$1.documentElement;
|
|
46166
46190
|
documentIsHTML = !jQuery.isXMLDoc(document$1);
|
|
46167
46191
|
if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
|
|
@@ -50506,10 +50530,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
|
|
|
50506
50530
|
}
|
|
50507
50531
|
createElement(tagName) {
|
|
50508
50532
|
if (tagName === "#document" /* DOCUMENT_NODE */) {
|
|
50509
|
-
const
|
|
50510
|
-
|
|
50511
|
-
|
|
50512
|
-
return
|
|
50533
|
+
const doc2 = new _MockDocument(false);
|
|
50534
|
+
doc2.nodeName = tagName;
|
|
50535
|
+
doc2.parentNode = null;
|
|
50536
|
+
return doc2;
|
|
50513
50537
|
}
|
|
50514
50538
|
return createElement(this, tagName);
|
|
50515
50539
|
}
|
|
@@ -50549,10 +50573,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
|
|
|
50549
50573
|
title.textContent = value;
|
|
50550
50574
|
}
|
|
50551
50575
|
};
|
|
50552
|
-
function resetDocument(
|
|
50553
|
-
if (
|
|
50554
|
-
resetEventListeners(
|
|
50555
|
-
const documentElement =
|
|
50576
|
+
function resetDocument(doc2) {
|
|
50577
|
+
if (doc2 != null) {
|
|
50578
|
+
resetEventListeners(doc2);
|
|
50579
|
+
const documentElement = doc2.documentElement;
|
|
50556
50580
|
if (documentElement != null) {
|
|
50557
50581
|
resetElement(documentElement);
|
|
50558
50582
|
for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
|
|
@@ -50561,25 +50585,25 @@ function resetDocument(doc) {
|
|
|
50561
50585
|
childNode.childNodes.length = 0;
|
|
50562
50586
|
}
|
|
50563
50587
|
}
|
|
50564
|
-
for (const key in
|
|
50565
|
-
if (
|
|
50566
|
-
delete
|
|
50588
|
+
for (const key in doc2) {
|
|
50589
|
+
if (doc2.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
|
|
50590
|
+
delete doc2[key];
|
|
50567
50591
|
}
|
|
50568
50592
|
}
|
|
50569
50593
|
try {
|
|
50570
|
-
|
|
50594
|
+
doc2.nodeName = "#document" /* DOCUMENT_NODE */;
|
|
50571
50595
|
} catch (e) {
|
|
50572
50596
|
}
|
|
50573
50597
|
try {
|
|
50574
|
-
|
|
50598
|
+
doc2.nodeType = 9 /* DOCUMENT_NODE */;
|
|
50575
50599
|
} catch (e) {
|
|
50576
50600
|
}
|
|
50577
50601
|
try {
|
|
50578
|
-
|
|
50602
|
+
doc2.cookie = "";
|
|
50579
50603
|
} catch (e) {
|
|
50580
50604
|
}
|
|
50581
50605
|
try {
|
|
50582
|
-
|
|
50606
|
+
doc2.referrer = "";
|
|
50583
50607
|
} catch (e) {
|
|
50584
50608
|
}
|
|
50585
50609
|
}
|
|
@@ -50649,6 +50673,7 @@ var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
|
|
|
50649
50673
|
"color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
|
|
50650
50674
|
];
|
|
50651
50675
|
var win = typeof window !== "undefined" ? window : {};
|
|
50676
|
+
var doc = win.document || { head: {} };
|
|
50652
50677
|
var H = win.HTMLElement || class {
|
|
50653
50678
|
};
|
|
50654
50679
|
var supportsShadow = BUILD.shadowDom;
|
|
@@ -50782,14 +50807,14 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
|
50782
50807
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
50783
50808
|
|
|
50784
50809
|
// src/compiler/html/canonical-link.ts
|
|
50785
|
-
var updateCanonicalLink = (
|
|
50810
|
+
var updateCanonicalLink = (doc2, href) => {
|
|
50786
50811
|
var _a2;
|
|
50787
|
-
let canonicalLinkElm =
|
|
50812
|
+
let canonicalLinkElm = doc2.head.querySelector('link[rel="canonical"]');
|
|
50788
50813
|
if (typeof href === "string") {
|
|
50789
50814
|
if (canonicalLinkElm == null) {
|
|
50790
|
-
canonicalLinkElm =
|
|
50815
|
+
canonicalLinkElm = doc2.createElement("link");
|
|
50791
50816
|
canonicalLinkElm.setAttribute("rel", "canonical");
|
|
50792
|
-
|
|
50817
|
+
doc2.head.appendChild(canonicalLinkElm);
|
|
50793
50818
|
}
|
|
50794
50819
|
canonicalLinkElm.setAttribute("href", href);
|
|
50795
50820
|
} else {
|
|
@@ -50803,11 +50828,11 @@ var updateCanonicalLink = (doc, href) => {
|
|
|
50803
50828
|
};
|
|
50804
50829
|
|
|
50805
50830
|
// src/compiler/html/relocate-meta-charset.ts
|
|
50806
|
-
var relocateMetaCharset = (
|
|
50807
|
-
const head =
|
|
50831
|
+
var relocateMetaCharset = (doc2) => {
|
|
50832
|
+
const head = doc2.head;
|
|
50808
50833
|
let charsetElm = head.querySelector("meta[charset]");
|
|
50809
50834
|
if (charsetElm == null) {
|
|
50810
|
-
charsetElm =
|
|
50835
|
+
charsetElm = doc2.createElement("meta");
|
|
50811
50836
|
charsetElm.setAttribute("charset", "utf-8");
|
|
50812
50837
|
} else {
|
|
50813
50838
|
charsetElm.remove();
|
|
@@ -51082,13 +51107,13 @@ var parseCss = (css, filePath) => {
|
|
|
51082
51107
|
const m = match(/^@([-\w]+)?document *([^{]+)/);
|
|
51083
51108
|
if (!m) return null;
|
|
51084
51109
|
const vendor = trim(m[1]);
|
|
51085
|
-
const
|
|
51110
|
+
const doc2 = trim(m[2]);
|
|
51086
51111
|
if (!open()) return error(`@document missing '{'`);
|
|
51087
51112
|
const style = comments().concat(rules());
|
|
51088
51113
|
if (!close()) return error(`@document missing '}'`);
|
|
51089
51114
|
return pos({
|
|
51090
51115
|
type: 3 /* Document */,
|
|
51091
|
-
document:
|
|
51116
|
+
document: doc2,
|
|
51092
51117
|
vendor,
|
|
51093
51118
|
rules: style
|
|
51094
51119
|
});
|
|
@@ -51414,11 +51439,11 @@ var serializeCssPage = (opts, node) => {
|
|
|
51414
51439
|
};
|
|
51415
51440
|
var serializeCssDocument = (opts, node) => {
|
|
51416
51441
|
const documentCss = serializeCssMapVisit(opts, node.rules);
|
|
51417
|
-
const
|
|
51442
|
+
const doc2 = "@" + (node.vendor || "") + "document " + node.document;
|
|
51418
51443
|
if (documentCss === "") {
|
|
51419
51444
|
return "";
|
|
51420
51445
|
}
|
|
51421
|
-
return
|
|
51446
|
+
return doc2 + "{" + documentCss + "}";
|
|
51422
51447
|
};
|
|
51423
51448
|
var serializeCssMapVisit = (opts, nodes) => {
|
|
51424
51449
|
let rtn = "";
|
|
@@ -51516,12 +51541,12 @@ var collectUsedSelectors = (usedSelectors, elm) => {
|
|
|
51516
51541
|
};
|
|
51517
51542
|
|
|
51518
51543
|
// src/compiler/html/remove-unused-styles.ts
|
|
51519
|
-
var removeUnusedStyles = (
|
|
51544
|
+
var removeUnusedStyles = (doc2, diagnostics) => {
|
|
51520
51545
|
try {
|
|
51521
|
-
const styleElms =
|
|
51546
|
+
const styleElms = doc2.head.querySelectorAll(`style[data-styles]`);
|
|
51522
51547
|
const styleLen = styleElms.length;
|
|
51523
51548
|
if (styleLen > 0) {
|
|
51524
|
-
const usedSelectors = getUsedSelectors(
|
|
51549
|
+
const usedSelectors = getUsedSelectors(doc2.documentElement);
|
|
51525
51550
|
for (let i = 0; i < styleLen; i++) {
|
|
51526
51551
|
removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
|
|
51527
51552
|
}
|
|
@@ -51654,41 +51679,41 @@ function collectAttributes(node) {
|
|
|
51654
51679
|
var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
|
|
51655
51680
|
|
|
51656
51681
|
// src/hydrate/runner/patch-dom-implementation.ts
|
|
51657
|
-
function patchDomImplementation(
|
|
51682
|
+
function patchDomImplementation(doc2, opts) {
|
|
51658
51683
|
let win2;
|
|
51659
|
-
if (
|
|
51684
|
+
if (doc2.defaultView != null) {
|
|
51660
51685
|
opts.destroyWindow = true;
|
|
51661
|
-
patchWindow(
|
|
51662
|
-
win2 =
|
|
51686
|
+
patchWindow(doc2.defaultView);
|
|
51687
|
+
win2 = doc2.defaultView;
|
|
51663
51688
|
} else {
|
|
51664
51689
|
opts.destroyWindow = true;
|
|
51665
51690
|
opts.destroyDocument = false;
|
|
51666
51691
|
win2 = new MockWindow(false);
|
|
51667
51692
|
}
|
|
51668
|
-
if (win2.document !==
|
|
51669
|
-
win2.document =
|
|
51693
|
+
if (win2.document !== doc2) {
|
|
51694
|
+
win2.document = doc2;
|
|
51670
51695
|
}
|
|
51671
|
-
if (
|
|
51672
|
-
|
|
51696
|
+
if (doc2.defaultView !== win2) {
|
|
51697
|
+
doc2.defaultView = win2;
|
|
51673
51698
|
}
|
|
51674
|
-
const HTMLElement2 =
|
|
51699
|
+
const HTMLElement2 = doc2.documentElement.constructor.prototype;
|
|
51675
51700
|
if (typeof HTMLElement2.getRootNode !== "function") {
|
|
51676
|
-
const elm =
|
|
51701
|
+
const elm = doc2.createElement("unknown-element");
|
|
51677
51702
|
const HTMLUnknownElement = elm.constructor.prototype;
|
|
51678
51703
|
HTMLUnknownElement.getRootNode = getRootNode;
|
|
51679
51704
|
}
|
|
51680
|
-
if (typeof
|
|
51681
|
-
const CustomEvent2 =
|
|
51705
|
+
if (typeof doc2.createEvent === "function") {
|
|
51706
|
+
const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
|
|
51682
51707
|
if (win2.CustomEvent !== CustomEvent2) {
|
|
51683
51708
|
win2.CustomEvent = CustomEvent2;
|
|
51684
51709
|
}
|
|
51685
51710
|
}
|
|
51686
51711
|
try {
|
|
51687
|
-
win2.__stencil_baseURI =
|
|
51712
|
+
win2.__stencil_baseURI = doc2.baseURI;
|
|
51688
51713
|
} catch (e) {
|
|
51689
|
-
Object.defineProperty(
|
|
51714
|
+
Object.defineProperty(doc2, "baseURI", {
|
|
51690
51715
|
get() {
|
|
51691
|
-
const baseElm =
|
|
51716
|
+
const baseElm = doc2.querySelector("base[href]");
|
|
51692
51717
|
if (baseElm) {
|
|
51693
51718
|
return new URL(baseElm.getAttribute("href"), win2.location.href).href;
|
|
51694
51719
|
}
|
|
@@ -51899,7 +51924,7 @@ var docData = {
|
|
|
51899
51924
|
rootLevelIds: 0,
|
|
51900
51925
|
staticComponents: /* @__PURE__ */ new Set()
|
|
51901
51926
|
};
|
|
51902
|
-
function initializeWindow(win2,
|
|
51927
|
+
function initializeWindow(win2, doc2, opts, results) {
|
|
51903
51928
|
if (typeof opts.url === "string") {
|
|
51904
51929
|
try {
|
|
51905
51930
|
win2.location.href = opts.url;
|
|
@@ -51914,31 +51939,31 @@ function initializeWindow(win2, doc, opts, results) {
|
|
|
51914
51939
|
}
|
|
51915
51940
|
if (typeof opts.cookie === "string") {
|
|
51916
51941
|
try {
|
|
51917
|
-
|
|
51942
|
+
doc2.cookie = opts.cookie;
|
|
51918
51943
|
} catch (e) {
|
|
51919
51944
|
}
|
|
51920
51945
|
}
|
|
51921
51946
|
if (typeof opts.referrer === "string") {
|
|
51922
51947
|
try {
|
|
51923
|
-
|
|
51948
|
+
doc2.referrer = opts.referrer;
|
|
51924
51949
|
} catch (e) {
|
|
51925
51950
|
}
|
|
51926
51951
|
}
|
|
51927
51952
|
if (typeof opts.direction === "string") {
|
|
51928
51953
|
try {
|
|
51929
|
-
|
|
51954
|
+
doc2.documentElement.setAttribute("dir", opts.direction);
|
|
51930
51955
|
} catch (e) {
|
|
51931
51956
|
}
|
|
51932
51957
|
}
|
|
51933
51958
|
if (typeof opts.language === "string") {
|
|
51934
51959
|
try {
|
|
51935
|
-
|
|
51960
|
+
doc2.documentElement.setAttribute("lang", opts.language);
|
|
51936
51961
|
} catch (e) {
|
|
51937
51962
|
}
|
|
51938
51963
|
}
|
|
51939
51964
|
if (typeof opts.buildId === "string") {
|
|
51940
51965
|
try {
|
|
51941
|
-
|
|
51966
|
+
doc2.documentElement.setAttribute("data-stencil-build", opts.buildId);
|
|
51942
51967
|
} catch (e) {
|
|
51943
51968
|
}
|
|
51944
51969
|
}
|
|
@@ -51950,7 +51975,7 @@ function initializeWindow(win2, doc, opts, results) {
|
|
|
51950
51975
|
constrainTimeouts(win2);
|
|
51951
51976
|
}
|
|
51952
51977
|
runtimeLogging(win2, opts, results);
|
|
51953
|
-
|
|
51978
|
+
doc2[STENCIL_DOC_DATA] = docData;
|
|
51954
51979
|
return win2;
|
|
51955
51980
|
}
|
|
51956
51981
|
|
|
@@ -51968,18 +51993,18 @@ function renderToString(html, options, asStream) {
|
|
|
51968
51993
|
opts.constrainTimeouts = false;
|
|
51969
51994
|
return hydrateDocument(html, opts, asStream);
|
|
51970
51995
|
}
|
|
51971
|
-
function hydrateDocument(
|
|
51996
|
+
function hydrateDocument(doc2, options, asStream) {
|
|
51972
51997
|
const opts = normalizeHydrateOptions(options);
|
|
51973
51998
|
let win2 = null;
|
|
51974
51999
|
const results = generateHydrateResults(opts);
|
|
51975
52000
|
if (hasError(results.diagnostics)) {
|
|
51976
52001
|
return Promise.resolve(results);
|
|
51977
52002
|
}
|
|
51978
|
-
if (typeof
|
|
52003
|
+
if (typeof doc2 === "string") {
|
|
51979
52004
|
try {
|
|
51980
52005
|
opts.destroyWindow = true;
|
|
51981
52006
|
opts.destroyDocument = true;
|
|
51982
|
-
win2 = new MockWindow(
|
|
52007
|
+
win2 = new MockWindow(doc2);
|
|
51983
52008
|
if (!asStream) {
|
|
51984
52009
|
return render(win2, opts, results).then(() => results);
|
|
51985
52010
|
}
|
|
@@ -51993,10 +52018,10 @@ function hydrateDocument(doc, options, asStream) {
|
|
|
51993
52018
|
return Promise.resolve(results);
|
|
51994
52019
|
}
|
|
51995
52020
|
}
|
|
51996
|
-
if (isValidDocument(
|
|
52021
|
+
if (isValidDocument(doc2)) {
|
|
51997
52022
|
try {
|
|
51998
52023
|
opts.destroyDocument = false;
|
|
51999
|
-
win2 = patchDomImplementation(
|
|
52024
|
+
win2 = patchDomImplementation(doc2, opts);
|
|
52000
52025
|
if (!asStream) {
|
|
52001
52026
|
return render(win2, opts, results).then(() => results);
|
|
52002
52027
|
}
|
|
@@ -52053,41 +52078,41 @@ async function afterHydrate(win2, opts, results, resolve) {
|
|
|
52053
52078
|
return resolve(finalizeHydrate(win2, win2.document, opts, results));
|
|
52054
52079
|
}
|
|
52055
52080
|
}
|
|
52056
|
-
function finalizeHydrate(win2,
|
|
52081
|
+
function finalizeHydrate(win2, doc2, opts, results) {
|
|
52057
52082
|
try {
|
|
52058
|
-
inspectElement(results,
|
|
52083
|
+
inspectElement(results, doc2.documentElement, 0);
|
|
52059
52084
|
if (opts.removeUnusedStyles !== false) {
|
|
52060
52085
|
try {
|
|
52061
|
-
removeUnusedStyles(
|
|
52086
|
+
removeUnusedStyles(doc2, results.diagnostics);
|
|
52062
52087
|
} catch (e) {
|
|
52063
52088
|
renderCatchError(results, e);
|
|
52064
52089
|
}
|
|
52065
52090
|
}
|
|
52066
52091
|
if (typeof opts.title === "string") {
|
|
52067
52092
|
try {
|
|
52068
|
-
|
|
52093
|
+
doc2.title = opts.title;
|
|
52069
52094
|
} catch (e) {
|
|
52070
52095
|
renderCatchError(results, e);
|
|
52071
52096
|
}
|
|
52072
52097
|
}
|
|
52073
|
-
results.title =
|
|
52098
|
+
results.title = doc2.title;
|
|
52074
52099
|
if (opts.removeScripts) {
|
|
52075
|
-
removeScripts(
|
|
52100
|
+
removeScripts(doc2.documentElement);
|
|
52076
52101
|
}
|
|
52077
52102
|
try {
|
|
52078
|
-
updateCanonicalLink(
|
|
52103
|
+
updateCanonicalLink(doc2, opts.canonicalUrl);
|
|
52079
52104
|
} catch (e) {
|
|
52080
52105
|
renderCatchError(results, e);
|
|
52081
52106
|
}
|
|
52082
52107
|
try {
|
|
52083
|
-
relocateMetaCharset(
|
|
52108
|
+
relocateMetaCharset(doc2);
|
|
52084
52109
|
} catch (e) {
|
|
52085
52110
|
}
|
|
52086
52111
|
if (!hasError(results.diagnostics)) {
|
|
52087
52112
|
results.httpStatus = 200;
|
|
52088
52113
|
}
|
|
52089
52114
|
try {
|
|
52090
|
-
const metaStatus =
|
|
52115
|
+
const metaStatus = doc2.head.querySelector('meta[http-equiv="status"]');
|
|
52091
52116
|
if (metaStatus != null) {
|
|
52092
52117
|
const metaStatusContent = metaStatus.getAttribute("content");
|
|
52093
52118
|
if (metaStatusContent && metaStatusContent.length > 0) {
|
|
@@ -52097,25 +52122,25 @@ function finalizeHydrate(win2, doc, opts, results) {
|
|
|
52097
52122
|
} catch (e) {
|
|
52098
52123
|
}
|
|
52099
52124
|
if (opts.clientHydrateAnnotations) {
|
|
52100
|
-
|
|
52125
|
+
doc2.documentElement.classList.add("hydrated");
|
|
52101
52126
|
}
|
|
52102
52127
|
if (opts.serializeToHtml) {
|
|
52103
|
-
results.html = serializeDocumentToString(
|
|
52128
|
+
results.html = serializeDocumentToString(doc2, opts);
|
|
52104
52129
|
}
|
|
52105
52130
|
} catch (e) {
|
|
52106
52131
|
renderCatchError(results, e);
|
|
52107
52132
|
}
|
|
52108
|
-
destroyWindow(win2,
|
|
52133
|
+
destroyWindow(win2, doc2, opts, results);
|
|
52109
52134
|
return results;
|
|
52110
52135
|
}
|
|
52111
|
-
function destroyWindow(win2,
|
|
52136
|
+
function destroyWindow(win2, doc2, opts, results) {
|
|
52112
52137
|
if (!opts.destroyWindow) {
|
|
52113
52138
|
return;
|
|
52114
52139
|
}
|
|
52115
52140
|
try {
|
|
52116
52141
|
if (!opts.destroyDocument) {
|
|
52117
52142
|
win2.document = null;
|
|
52118
|
-
|
|
52143
|
+
doc2.defaultView = null;
|
|
52119
52144
|
}
|
|
52120
52145
|
if (win2.close) {
|
|
52121
52146
|
win2.close();
|
|
@@ -52124,8 +52149,8 @@ function destroyWindow(win2, doc, opts, results) {
|
|
|
52124
52149
|
renderCatchError(results, e);
|
|
52125
52150
|
}
|
|
52126
52151
|
}
|
|
52127
|
-
function serializeDocumentToString(
|
|
52128
|
-
return serializeNodeToHtml(
|
|
52152
|
+
function serializeDocumentToString(doc2, opts) {
|
|
52153
|
+
return serializeNodeToHtml(doc2, {
|
|
52129
52154
|
approximateLineWidth: opts.approximateLineWidth,
|
|
52130
52155
|
outerHtml: false,
|
|
52131
52156
|
prettyHtml: opts.prettyHtml,
|
|
@@ -52137,8 +52162,8 @@ function serializeDocumentToString(doc, opts) {
|
|
|
52137
52162
|
fullDocument: opts.fullDocument
|
|
52138
52163
|
});
|
|
52139
52164
|
}
|
|
52140
|
-
function isValidDocument(
|
|
52141
|
-
return
|
|
52165
|
+
function isValidDocument(doc2) {
|
|
52166
|
+
return doc2 != null && doc2.nodeType === 9 && doc2.documentElement != null && doc2.documentElement.nodeType === 1 && doc2.body != null && doc2.body.nodeType === 1;
|
|
52142
52167
|
}
|
|
52143
52168
|
function removeScripts(elm) {
|
|
52144
52169
|
const children = elm.children;
|