@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.js
CHANGED
|
@@ -131,7 +131,7 @@ const NAMESPACE = 'roadtrip';
|
|
|
131
131
|
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 };
|
|
132
132
|
|
|
133
133
|
/*
|
|
134
|
-
Stencil Hydrate Platform v4.27.
|
|
134
|
+
Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
|
|
135
135
|
*/
|
|
136
136
|
var __defProp = Object.defineProperty;
|
|
137
137
|
var __export = (target, all) => {
|
|
@@ -151,9 +151,9 @@ var isComplexType = (o) => {
|
|
|
151
151
|
};
|
|
152
152
|
|
|
153
153
|
// src/utils/query-nonce-meta-tag-content.ts
|
|
154
|
-
function queryNonceMetaTagContent(
|
|
154
|
+
function queryNonceMetaTagContent(doc2) {
|
|
155
155
|
var _a, _b, _c;
|
|
156
|
-
return (_c = (_b = (_a =
|
|
156
|
+
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;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
// src/utils/regular-expression.ts
|
|
@@ -510,8 +510,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
|
510
510
|
delete hostElm["s-sc"];
|
|
511
511
|
}
|
|
512
512
|
}
|
|
513
|
-
if (
|
|
514
|
-
initializeDocumentHydrate(
|
|
513
|
+
if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
|
|
514
|
+
initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
|
|
515
515
|
}
|
|
516
516
|
hostElm[HYDRATE_ID] = hostId;
|
|
517
517
|
hostElm.removeAttribute(HYDRATE_ID);
|
|
@@ -834,8 +834,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
|
|
|
834
834
|
childVNode.$name$ = slotName || null;
|
|
835
835
|
childVNode.$tag$ = "slot";
|
|
836
836
|
const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
|
|
837
|
-
if (shadowRootNodes
|
|
838
|
-
const slot = childVNode.$elm$ =
|
|
837
|
+
if (shadowRootNodes) {
|
|
838
|
+
const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
|
|
839
839
|
if (childVNode.$name$) {
|
|
840
840
|
childVNode.$elm$.setAttribute("name", slotName);
|
|
841
841
|
}
|
|
@@ -1279,10 +1279,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
1279
1279
|
var _a;
|
|
1280
1280
|
const scopeId2 = getScopeId(cmpMeta);
|
|
1281
1281
|
const style = styles$1.get(scopeId2);
|
|
1282
|
-
|
|
1283
|
-
return scopeId2;
|
|
1284
|
-
}
|
|
1285
|
-
styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
|
|
1282
|
+
styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
|
|
1286
1283
|
if (style) {
|
|
1287
1284
|
if (typeof style === "string") {
|
|
1288
1285
|
styleContainerNode = styleContainerNode.head || styleContainerNode;
|
|
@@ -1295,9 +1292,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
1295
1292
|
if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
|
|
1296
1293
|
styleElm.innerHTML = style;
|
|
1297
1294
|
} else {
|
|
1298
|
-
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) ||
|
|
1295
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
1299
1296
|
styleElm.innerHTML = style;
|
|
1300
|
-
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(
|
|
1297
|
+
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
1301
1298
|
if (nonce != null) {
|
|
1302
1299
|
styleElm.setAttribute("nonce", nonce);
|
|
1303
1300
|
}
|
|
@@ -1547,7 +1544,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1547
1544
|
}
|
|
1548
1545
|
}
|
|
1549
1546
|
if (newVNode2.$text$ !== null) {
|
|
1550
|
-
elm = newVNode2.$elm$ =
|
|
1547
|
+
elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
|
|
1551
1548
|
} else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
|
|
1552
1549
|
elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
|
|
1553
1550
|
{
|
|
@@ -1557,12 +1554,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1557
1554
|
if (!isSvgMode) {
|
|
1558
1555
|
isSvgMode = newVNode2.$tag$ === "svg";
|
|
1559
1556
|
}
|
|
1560
|
-
|
|
1561
|
-
throw new Error(
|
|
1562
|
-
"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."
|
|
1563
|
-
);
|
|
1564
|
-
}
|
|
1565
|
-
elm = newVNode2.$elm$ = win.document.createElementNS(
|
|
1557
|
+
elm = newVNode2.$elm$ = doc.createElementNS(
|
|
1566
1558
|
isSvgMode ? SVG_NS : HTML_NS,
|
|
1567
1559
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
1568
1560
|
) ;
|
|
@@ -1944,7 +1936,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
1944
1936
|
markSlotContentForRelocation(rootVnode.$elm$);
|
|
1945
1937
|
for (const relocateData of relocateNodes) {
|
|
1946
1938
|
const nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
1947
|
-
if (!nodeToRelocate["s-ol"]
|
|
1939
|
+
if (!nodeToRelocate["s-ol"]) {
|
|
1948
1940
|
const orgLocationNode = originalLocationDebugNode(nodeToRelocate) ;
|
|
1949
1941
|
orgLocationNode["s-nr"] = nodeToRelocate;
|
|
1950
1942
|
insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
|
|
@@ -1988,18 +1980,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
1988
1980
|
}
|
|
1989
1981
|
contentRef = void 0;
|
|
1990
1982
|
};
|
|
1991
|
-
var slotReferenceDebugNode = (slotVNode) =>
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
)
|
|
1996
|
-
|
|
1997
|
-
var originalLocationDebugNode = (nodeToRelocate) => {
|
|
1998
|
-
var _a;
|
|
1999
|
-
return (_a = win.document) == null ? void 0 : _a.createComment(
|
|
2000
|
-
`org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
|
|
2001
|
-
);
|
|
2002
|
-
};
|
|
1983
|
+
var slotReferenceDebugNode = (slotVNode) => doc.createComment(
|
|
1984
|
+
`<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
|
|
1985
|
+
);
|
|
1986
|
+
var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
|
|
1987
|
+
`org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
|
|
1988
|
+
);
|
|
2003
1989
|
|
|
2004
1990
|
// src/runtime/update-component.ts
|
|
2005
1991
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
@@ -2196,7 +2182,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2196
2182
|
const hostRef = getHostRef(ref);
|
|
2197
2183
|
if (!hostRef) {
|
|
2198
2184
|
throw new Error(
|
|
2199
|
-
`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/
|
|
2185
|
+
`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).`
|
|
2200
2186
|
);
|
|
2201
2187
|
}
|
|
2202
2188
|
const elm = hostRef.$hostElement$ ;
|
|
@@ -2500,19 +2486,16 @@ var connectedCallback = (elm) => {
|
|
|
2500
2486
|
}
|
|
2501
2487
|
};
|
|
2502
2488
|
var setContentReference = (elm) => {
|
|
2503
|
-
|
|
2504
|
-
return;
|
|
2505
|
-
}
|
|
2506
|
-
const contentRefElm = elm["s-cr"] = win.document.createComment(
|
|
2489
|
+
const contentRefElm = elm["s-cr"] = doc.createComment(
|
|
2507
2490
|
""
|
|
2508
2491
|
);
|
|
2509
2492
|
contentRefElm["s-cn"] = true;
|
|
2510
2493
|
insertBefore(elm, contentRefElm, elm.firstChild);
|
|
2511
2494
|
};
|
|
2512
2495
|
var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
2513
|
-
if (listeners
|
|
2496
|
+
if (listeners) {
|
|
2514
2497
|
listeners.map(([flags, name, method]) => {
|
|
2515
|
-
const target = getHostListenerTarget(
|
|
2498
|
+
const target = getHostListenerTarget(elm, flags) ;
|
|
2516
2499
|
const handler = hostListenerProxy(hostRef, method);
|
|
2517
2500
|
const opts = hostListenerOpts(flags);
|
|
2518
2501
|
plt.ael(target, name, handler, opts);
|
|
@@ -2534,24 +2517,20 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
2534
2517
|
consoleError(e, hostRef.$hostElement$);
|
|
2535
2518
|
}
|
|
2536
2519
|
};
|
|
2537
|
-
var getHostListenerTarget = (
|
|
2538
|
-
if (flags & 4 /* TargetDocument */)
|
|
2539
|
-
|
|
2540
|
-
}
|
|
2541
|
-
if (flags & 8 /* TargetWindow */) {
|
|
2542
|
-
return win;
|
|
2543
|
-
}
|
|
2520
|
+
var getHostListenerTarget = (elm, flags) => {
|
|
2521
|
+
if (flags & 4 /* TargetDocument */) return doc;
|
|
2522
|
+
if (flags & 8 /* TargetWindow */) return win;
|
|
2544
2523
|
return elm;
|
|
2545
2524
|
};
|
|
2546
2525
|
var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
|
|
2547
2526
|
|
|
2548
2527
|
// src/runtime/vdom/vdom-annotations.ts
|
|
2549
|
-
var insertVdomAnnotations = (
|
|
2550
|
-
if (
|
|
2551
|
-
const docData = STENCIL_DOC_DATA in
|
|
2528
|
+
var insertVdomAnnotations = (doc2, staticComponents) => {
|
|
2529
|
+
if (doc2 != null) {
|
|
2530
|
+
const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
|
|
2552
2531
|
docData.staticComponents = new Set(staticComponents);
|
|
2553
2532
|
const orgLocationNodes = [];
|
|
2554
|
-
parseVNodeAnnotations(
|
|
2533
|
+
parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
|
|
2555
2534
|
orgLocationNodes.forEach((orgLocationNode) => {
|
|
2556
2535
|
var _a;
|
|
2557
2536
|
if (orgLocationNode != null && orgLocationNode["s-nr"]) {
|
|
@@ -2577,11 +2556,11 @@ var insertVdomAnnotations = (doc, staticComponents) => {
|
|
|
2577
2556
|
return;
|
|
2578
2557
|
}
|
|
2579
2558
|
}
|
|
2580
|
-
const commentBeforeTextNode =
|
|
2559
|
+
const commentBeforeTextNode = doc2.createComment(childId);
|
|
2581
2560
|
commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
|
|
2582
2561
|
insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
|
|
2583
2562
|
} else if (nodeRef.nodeType === 8 /* CommentNode */) {
|
|
2584
|
-
const commentBeforeTextNode =
|
|
2563
|
+
const commentBeforeTextNode = doc2.createComment(childId);
|
|
2585
2564
|
commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
|
|
2586
2565
|
nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
|
|
2587
2566
|
}
|
|
@@ -2600,7 +2579,7 @@ var insertVdomAnnotations = (doc, staticComponents) => {
|
|
|
2600
2579
|
});
|
|
2601
2580
|
}
|
|
2602
2581
|
};
|
|
2603
|
-
var parseVNodeAnnotations = (
|
|
2582
|
+
var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
|
|
2604
2583
|
var _a;
|
|
2605
2584
|
if (node == null) {
|
|
2606
2585
|
return;
|
|
@@ -2616,13 +2595,13 @@ var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
|
|
|
2616
2595
|
const cmpData = {
|
|
2617
2596
|
nodeIds: 0
|
|
2618
2597
|
};
|
|
2619
|
-
insertVNodeAnnotations(
|
|
2598
|
+
insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
|
|
2620
2599
|
}
|
|
2621
|
-
parseVNodeAnnotations(
|
|
2600
|
+
parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
|
|
2622
2601
|
});
|
|
2623
2602
|
}
|
|
2624
2603
|
};
|
|
2625
|
-
var insertVNodeAnnotations = (
|
|
2604
|
+
var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
|
|
2626
2605
|
if (vnode != null) {
|
|
2627
2606
|
const hostId = ++docData.hostIds;
|
|
2628
2607
|
hostElm.setAttribute(HYDRATE_ID, hostId);
|
|
@@ -2632,7 +2611,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
|
|
|
2632
2611
|
if (vnode.$children$ != null) {
|
|
2633
2612
|
const depth = 0;
|
|
2634
2613
|
vnode.$children$.forEach((vnodeChild, index) => {
|
|
2635
|
-
insertChildVNodeAnnotations(
|
|
2614
|
+
insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
|
|
2636
2615
|
});
|
|
2637
2616
|
}
|
|
2638
2617
|
if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
|
|
@@ -2653,7 +2632,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
|
|
|
2653
2632
|
}
|
|
2654
2633
|
}
|
|
2655
2634
|
};
|
|
2656
|
-
var insertChildVNodeAnnotations = (
|
|
2635
|
+
var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
|
|
2657
2636
|
const childElm = vnodeChild.$elm$;
|
|
2658
2637
|
if (childElm == null) {
|
|
2659
2638
|
return;
|
|
@@ -2672,7 +2651,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
|
|
|
2672
2651
|
const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
|
|
2673
2652
|
if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
|
|
2674
2653
|
const textNodeId = `${TEXT_NODE_ID}.${childId}`;
|
|
2675
|
-
const commentBeforeTextNode =
|
|
2654
|
+
const commentBeforeTextNode = doc2.createComment(textNodeId);
|
|
2676
2655
|
insertBefore(parentNode, commentBeforeTextNode, childElm);
|
|
2677
2656
|
}
|
|
2678
2657
|
} else if (childElm.nodeType === 8 /* CommentNode */) {
|
|
@@ -2685,7 +2664,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
|
|
|
2685
2664
|
if (vnodeChild.$children$ != null) {
|
|
2686
2665
|
const childDepth = depth + 1;
|
|
2687
2666
|
vnodeChild.$children$.forEach((vnode, index2) => {
|
|
2688
|
-
insertChildVNodeAnnotations(
|
|
2667
|
+
insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
|
|
2689
2668
|
});
|
|
2690
2669
|
}
|
|
2691
2670
|
};
|
|
@@ -2901,7 +2880,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
2901
2880
|
return elm;
|
|
2902
2881
|
};
|
|
2903
2882
|
tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
|
|
2904
|
-
plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./",
|
|
2883
|
+
plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
|
|
2905
2884
|
patchChild2(win2.document.body);
|
|
2906
2885
|
waitLoop2().then(hydratedComplete).catch(hydratedError);
|
|
2907
2886
|
} catch (e) {
|
|
@@ -3108,6 +3087,7 @@ var registerComponents = (Cstrs) => {
|
|
|
3108
3087
|
}
|
|
3109
3088
|
};
|
|
3110
3089
|
var win = window;
|
|
3090
|
+
var doc = win.document;
|
|
3111
3091
|
var writeTask = (cb) => {
|
|
3112
3092
|
nextTick$1(() => {
|
|
3113
3093
|
try {
|
|
@@ -3224,7 +3204,7 @@ class Accordion {
|
|
|
3224
3204
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3225
3205
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3226
3206
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3227
|
-
return (hAsync("details", { key: '
|
|
3207
|
+
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' }))));
|
|
3228
3208
|
}
|
|
3229
3209
|
static get style() { return RoadAccordionStyle0; }
|
|
3230
3210
|
static get cmpMeta() { return {
|
|
@@ -3259,7 +3239,7 @@ class Alert {
|
|
|
3259
3239
|
}
|
|
3260
3240
|
render() {
|
|
3261
3241
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3262
|
-
return (hAsync(Host, { key: '
|
|
3242
|
+
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)))));
|
|
3263
3243
|
}
|
|
3264
3244
|
static get style() { return RoadAlertStyle0; }
|
|
3265
3245
|
static get cmpMeta() { return {
|
|
@@ -3358,7 +3338,7 @@ class Asset {
|
|
|
3358
3338
|
}
|
|
3359
3339
|
}
|
|
3360
3340
|
render() {
|
|
3361
|
-
return (hAsync(Host, { key: '
|
|
3341
|
+
return (hAsync(Host, { key: '2d503f725eb5c0b6a4a14d63b13482c759a82346', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3362
3342
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3363
3343
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3364
3344
|
}
|
|
@@ -3428,8 +3408,8 @@ class Autocomplete {
|
|
|
3428
3408
|
}
|
|
3429
3409
|
}
|
|
3430
3410
|
render() {
|
|
3431
|
-
return (hAsync(Host, { key: '
|
|
3432
|
-
hAsync("ul", { key: '
|
|
3411
|
+
return (hAsync(Host, { key: 'cd78e4ac91f09453798ba115ced0fb988eb0a8a7' }, hAsync("slot", { key: '1d7b9bbd7b60d1c711f5c607679acf6e84a21b94' }), this.visible && this.options.length > 0 &&
|
|
3412
|
+
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))))));
|
|
3433
3413
|
}
|
|
3434
3414
|
get el() { return getElement(this); }
|
|
3435
3415
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3462,7 +3442,7 @@ class Avatar {
|
|
|
3462
3442
|
}
|
|
3463
3443
|
render() {
|
|
3464
3444
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3465
|
-
return (hAsync(Host, { key: '
|
|
3445
|
+
return (hAsync(Host, { key: 'ae94654b2d0efa40df3f7f8bb0b98eedd13dbabc', class: `${sizeClass}` }, hAsync("slot", { key: 'f08ba7c45f82d1c97875f8d84cf6366180b7d28f' })));
|
|
3466
3446
|
}
|
|
3467
3447
|
static get style() { return RoadAvatarStyle0; }
|
|
3468
3448
|
static get cmpMeta() { return {
|
|
@@ -3498,7 +3478,7 @@ class Badge {
|
|
|
3498
3478
|
render() {
|
|
3499
3479
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3500
3480
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3501
|
-
return (hAsync(Host, { key: '
|
|
3481
|
+
return (hAsync(Host, { key: '46710f751904f847c87a9d4c7aecfff28cd947b7', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '057541241fcce16d82c935db7ed1685549ae8658' })));
|
|
3502
3482
|
}
|
|
3503
3483
|
static get style() { return RoadBadgeStyle0; }
|
|
3504
3484
|
static get cmpMeta() { return {
|
|
@@ -3547,7 +3527,7 @@ class Banner {
|
|
|
3547
3527
|
}
|
|
3548
3528
|
render() {
|
|
3549
3529
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3550
|
-
return (hAsync(Host, { key: '
|
|
3530
|
+
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" })))));
|
|
3551
3531
|
}
|
|
3552
3532
|
static get style() { return RoadBannerStyle0; }
|
|
3553
3533
|
static get cmpMeta() { return {
|
|
@@ -3653,7 +3633,7 @@ class Button$1 {
|
|
|
3653
3633
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3654
3634
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3655
3635
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3656
|
-
return (hAsync(Host, { key: '
|
|
3636
|
+
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" }))));
|
|
3657
3637
|
}
|
|
3658
3638
|
get el() { return getElement(this); }
|
|
3659
3639
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3738,7 +3718,7 @@ class Button {
|
|
|
3738
3718
|
render() {
|
|
3739
3719
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3740
3720
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3741
|
-
return (hAsync(Host, { key: '
|
|
3721
|
+
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' }))));
|
|
3742
3722
|
}
|
|
3743
3723
|
get el() { return getElement(this); }
|
|
3744
3724
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3783,7 +3763,7 @@ class ButtonBar {
|
|
|
3783
3763
|
this.selectedTabChanged();
|
|
3784
3764
|
}
|
|
3785
3765
|
render() {
|
|
3786
|
-
return (hAsync(Host, { key: '
|
|
3766
|
+
return (hAsync(Host, { key: 'a86825b2a0a80447cf3c3226cf147a273fad1a8e', role: "tablist" }, hAsync("slot", { key: 'a94f54337ed8a4b962672463efa8f2dbbd7ca9b2' })));
|
|
3787
3767
|
}
|
|
3788
3768
|
get el() { return getElement(this); }
|
|
3789
3769
|
static get watchers() { return {
|
|
@@ -3866,7 +3846,7 @@ class Card {
|
|
|
3866
3846
|
render() {
|
|
3867
3847
|
const { elevation } = this;
|
|
3868
3848
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3869
|
-
return (hAsync(Host, { key: '
|
|
3849
|
+
return (hAsync(Host, { key: 'f80c0254db11ead4353613bc40fd24e602ec92e0', class: `${elevationClass}` }, this.renderCard()));
|
|
3870
3850
|
}
|
|
3871
3851
|
get el() { return getElement(this); }
|
|
3872
3852
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10613,7 +10593,7 @@ class Carousel {
|
|
|
10613
10593
|
});
|
|
10614
10594
|
}
|
|
10615
10595
|
render() {
|
|
10616
|
-
return (hAsync(Host, { key: '
|
|
10596
|
+
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 })))));
|
|
10617
10597
|
}
|
|
10618
10598
|
get el() { return getElement(this); }
|
|
10619
10599
|
static get watchers() { return {
|
|
@@ -10664,10 +10644,10 @@ class CarouselItem {
|
|
|
10664
10644
|
registerInstance(this, hostRef);
|
|
10665
10645
|
}
|
|
10666
10646
|
render() {
|
|
10667
|
-
return (hAsync(Host, { key: '
|
|
10647
|
+
return (hAsync(Host, { key: 'f425a67ef916ebbe06b2b670e552ab34239c15f3', class: {
|
|
10668
10648
|
'swiper-slide': true,
|
|
10669
10649
|
'swiper-zoom-container': true,
|
|
10670
|
-
} }, hAsync("slot", { key: '
|
|
10650
|
+
} }, hAsync("slot", { key: '952543988b361e537351e7e2ae13926daed98962' })));
|
|
10671
10651
|
}
|
|
10672
10652
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10673
10653
|
static get cmpMeta() { return {
|
|
@@ -10758,7 +10738,7 @@ class Checkbox {
|
|
|
10758
10738
|
const labelId = this.checkboxId + '-label';
|
|
10759
10739
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10760
10740
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10761
|
-
return (hAsync(Host, { key: '
|
|
10741
|
+
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)));
|
|
10762
10742
|
}
|
|
10763
10743
|
static get watchers() { return {
|
|
10764
10744
|
"checked": ["checkedChanged"]
|
|
@@ -10816,7 +10796,7 @@ class Chip {
|
|
|
10816
10796
|
}
|
|
10817
10797
|
render() {
|
|
10818
10798
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10819
|
-
return (hAsync(Host, { key: '
|
|
10799
|
+
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 })));
|
|
10820
10800
|
}
|
|
10821
10801
|
static get style() { return RoadChipStyle0; }
|
|
10822
10802
|
static get cmpMeta() { return {
|
|
@@ -10845,7 +10825,7 @@ class Col {
|
|
|
10845
10825
|
registerInstance(this, hostRef);
|
|
10846
10826
|
}
|
|
10847
10827
|
render() {
|
|
10848
|
-
return (hAsync("slot", { key: '
|
|
10828
|
+
return (hAsync("slot", { key: '5f6e0170465e4bb6b7e94d2e383bf46dfca94e4c' }));
|
|
10849
10829
|
}
|
|
10850
10830
|
static get style() { return RoadColStyle0; }
|
|
10851
10831
|
static get cmpMeta() { return {
|
|
@@ -10895,7 +10875,7 @@ class Collapse {
|
|
|
10895
10875
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10896
10876
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10897
10877
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10898
|
-
return (hAsync(Host, { key: '
|
|
10878
|
+
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))));
|
|
10899
10879
|
}
|
|
10900
10880
|
static get style() { return RoadCollapseStyle0; }
|
|
10901
10881
|
static get cmpMeta() { return {
|
|
@@ -10932,7 +10912,7 @@ class ContentCard {
|
|
|
10932
10912
|
}
|
|
10933
10913
|
render() {
|
|
10934
10914
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
10935
|
-
return (hAsync(Host, { key: '
|
|
10915
|
+
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' })))));
|
|
10936
10916
|
}
|
|
10937
10917
|
static get style() { return RoadContentCardStyle0; }
|
|
10938
10918
|
static get cmpMeta() { return {
|
|
@@ -11092,7 +11072,7 @@ class Counter {
|
|
|
11092
11072
|
}
|
|
11093
11073
|
render() {
|
|
11094
11074
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11095
|
-
return (hAsync("road-input-group", { key: '
|
|
11075
|
+
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" }))));
|
|
11096
11076
|
}
|
|
11097
11077
|
get el() { return getElement(this); }
|
|
11098
11078
|
static get watchers() { return {
|
|
@@ -11208,11 +11188,11 @@ class Dialog {
|
|
|
11208
11188
|
break;
|
|
11209
11189
|
}
|
|
11210
11190
|
}
|
|
11211
|
-
return (hAsync(Host, { key: '
|
|
11191
|
+
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
|
|
11212
11192
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11213
|
-
: ''), hAsync("div", { key: '
|
|
11193
|
+
: ''), hAsync("div", { key: '9cb587ec75f3f6c8cb9d0335c3ffe150d8e3d03a', class: "dialog-body" }, this.color !== undefined
|
|
11214
11194
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11215
|
-
: '', hAsync("h2", { key: '
|
|
11195
|
+
: '', 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' }))))));
|
|
11216
11196
|
}
|
|
11217
11197
|
get el() { return getElement(this); }
|
|
11218
11198
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11235,7 +11215,7 @@ class Dialog {
|
|
|
11235
11215
|
}; }
|
|
11236
11216
|
}
|
|
11237
11217
|
|
|
11238
|
-
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}";
|
|
11218
|
+
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}";
|
|
11239
11219
|
var RoadDrawerStyle0 = drawerCss;
|
|
11240
11220
|
|
|
11241
11221
|
/**
|
|
@@ -11378,7 +11358,7 @@ class Drawer {
|
|
|
11378
11358
|
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;
|
|
11379
11359
|
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;
|
|
11380
11360
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11381
|
-
return (hAsync(Host, { key: '
|
|
11361
|
+
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" }))))));
|
|
11382
11362
|
}
|
|
11383
11363
|
get el() { return getElement(this); }
|
|
11384
11364
|
static get watchers() { return {
|
|
@@ -11439,7 +11419,7 @@ class Dropdown$1 {
|
|
|
11439
11419
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11440
11420
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11441
11421
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11442
|
-
return (hAsync("details", { key: '
|
|
11422
|
+
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" }))));
|
|
11443
11423
|
}
|
|
11444
11424
|
get el() { return getElement(this); }
|
|
11445
11425
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11495,7 +11475,7 @@ class Dropdown {
|
|
|
11495
11475
|
this.isOpen = false;
|
|
11496
11476
|
}
|
|
11497
11477
|
render() {
|
|
11498
|
-
return (hAsync("details", { key: '
|
|
11478
|
+
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" }))));
|
|
11499
11479
|
}
|
|
11500
11480
|
get el() { return getElement(this); }
|
|
11501
11481
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11559,7 +11539,7 @@ class Duration {
|
|
|
11559
11539
|
this.isOpen = false;
|
|
11560
11540
|
}
|
|
11561
11541
|
render() {
|
|
11562
|
-
return (hAsync("road-drawer", { key: '
|
|
11542
|
+
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 })))))))));
|
|
11563
11543
|
}
|
|
11564
11544
|
get el() { return getElement(this); }
|
|
11565
11545
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11605,7 +11585,7 @@ class Flap {
|
|
|
11605
11585
|
}
|
|
11606
11586
|
render() {
|
|
11607
11587
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11608
|
-
return (hAsync(Host, { key: '
|
|
11588
|
+
return (hAsync(Host, { key: 'd7980784b3e488f587a11a6786835fbe1cf5d0a8', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '59983b06c7042e29b7643afcc3f68f4a8ba85994' })));
|
|
11609
11589
|
}
|
|
11610
11590
|
static get style() { return RoadFlapStyle0; }
|
|
11611
11591
|
static get cmpMeta() { return {
|
|
@@ -11651,7 +11631,7 @@ class GlobalNavigation {
|
|
|
11651
11631
|
this.selectedTabChanged();
|
|
11652
11632
|
}
|
|
11653
11633
|
render() {
|
|
11654
|
-
return (hAsync(Host, { key: '
|
|
11634
|
+
return (hAsync(Host, { key: '74929b493b275f9e679ac63d98016a31d6cf5f62', role: "application" }, hAsync("slot", { key: '395470abc0ee63663c357c6a8152ad0e3884eeeb' })));
|
|
11655
11635
|
}
|
|
11656
11636
|
static get watchers() { return {
|
|
11657
11637
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11799,7 +11779,7 @@ class GlobalNavigationV2 {
|
|
|
11799
11779
|
this.selectedTabChanged();
|
|
11800
11780
|
}
|
|
11801
11781
|
render() {
|
|
11802
|
-
return (hAsync(Host, { key: '
|
|
11782
|
+
return (hAsync(Host, { key: 'db037b9925c41fc9d76f824acf83e891e655b859', role: "application" }, hAsync("slot", { key: 'e107020f45d83d398fb2b835200299ff234a749b' })));
|
|
11803
11783
|
}
|
|
11804
11784
|
get host() { return getElement(this); }
|
|
11805
11785
|
static get watchers() { return {
|
|
@@ -11829,7 +11809,7 @@ class Grid {
|
|
|
11829
11809
|
registerInstance(this, hostRef);
|
|
11830
11810
|
}
|
|
11831
11811
|
render() {
|
|
11832
|
-
return (hAsync("slot", { key: '
|
|
11812
|
+
return (hAsync("slot", { key: '4292928ec166894a60b6a691f5d7432fdabee8a4' }));
|
|
11833
11813
|
}
|
|
11834
11814
|
static get style() { return RoadGridStyle0; }
|
|
11835
11815
|
static get cmpMeta() { return {
|
|
@@ -11932,7 +11912,7 @@ class Icon {
|
|
|
11932
11912
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
11933
11913
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
11934
11914
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
11935
|
-
return (hAsync(Host, { key: '
|
|
11915
|
+
return (hAsync(Host, { key: '37f9bb4614c5cced30ec69c9db31b52378b49273', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
11936
11916
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
11937
11917
|
: hAsync("div", { class: "icon-inner" })));
|
|
11938
11918
|
}
|
|
@@ -12054,7 +12034,7 @@ class Illustration {
|
|
|
12054
12034
|
render() {
|
|
12055
12035
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12056
12036
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12057
|
-
return (hAsync(Host, { key: '
|
|
12037
|
+
return (hAsync(Host, { key: '3d69563e09fcbb37f10cc584c86ac0aae5b9321e', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12058
12038
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12059
12039
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12060
12040
|
}
|
|
@@ -12157,7 +12137,7 @@ class Img {
|
|
|
12157
12137
|
}
|
|
12158
12138
|
render() {
|
|
12159
12139
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12160
|
-
return (hAsync(Host, { key: '
|
|
12140
|
+
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" })));
|
|
12161
12141
|
}
|
|
12162
12142
|
get el() { return getElement(this); }
|
|
12163
12143
|
static get watchers() { return {
|
|
@@ -29478,24 +29458,52 @@ class Input {
|
|
|
29478
29458
|
const input = ev.target;
|
|
29479
29459
|
let newValue = input.value;
|
|
29480
29460
|
if (this.type === 'number' && this.blockdecimal) {
|
|
29481
|
-
newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si
|
|
29461
|
+
newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si `blockdecimal` est activé
|
|
29462
|
+
}
|
|
29463
|
+
// Convertir en nombre et ajuster selon min/max
|
|
29464
|
+
let numericValue = parseFloat(newValue);
|
|
29465
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29466
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29467
|
+
if (!isNaN(numericValue)) {
|
|
29468
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29469
|
+
numericValue = minValue;
|
|
29470
|
+
}
|
|
29471
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29472
|
+
numericValue = maxValue;
|
|
29473
|
+
}
|
|
29474
|
+
newValue = numericValue.toString();
|
|
29475
|
+
}
|
|
29476
|
+
if (this.type === 'number') {
|
|
29477
|
+
this.value = newValue;
|
|
29478
|
+
input.value = newValue; // Mise à jour immédiate du champ
|
|
29482
29479
|
}
|
|
29483
|
-
this.value = newValue;
|
|
29484
29480
|
this.roadInput.emit(ev);
|
|
29485
29481
|
this.roadChange.emit({ value: newValue });
|
|
29482
|
+
// Appeler enforceMinMaxValue à chaque modification de la valeur
|
|
29483
|
+
this.enforceMinMaxValue();
|
|
29486
29484
|
};
|
|
29487
29485
|
this.onBlur = () => {
|
|
29488
29486
|
let value = this.getValue();
|
|
29489
|
-
|
|
29490
|
-
|
|
29491
|
-
|
|
29487
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29488
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29489
|
+
let numericValue = parseFloat(value);
|
|
29490
|
+
if (!isNaN(numericValue)) {
|
|
29491
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29492
|
+
numericValue = minValue;
|
|
29493
|
+
}
|
|
29494
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29495
|
+
numericValue = maxValue;
|
|
29496
|
+
}
|
|
29497
|
+
value = numericValue.toString();
|
|
29492
29498
|
}
|
|
29493
|
-
if (this.
|
|
29494
|
-
value =
|
|
29499
|
+
if (this.type === 'number') {
|
|
29500
|
+
this.value = value;
|
|
29501
|
+
const input = document.getElementById(this.inputId);
|
|
29502
|
+
input.value = value;
|
|
29495
29503
|
}
|
|
29496
|
-
this.value = value; // Mettre à jour la valeur avec la valeur ajustée
|
|
29497
|
-
// Émettre l'événement roadblur avec la valeur ajustée
|
|
29498
29504
|
this.roadBlur.emit(value);
|
|
29505
|
+
// Appeler enforceMinMaxValue lors de la perte de focus
|
|
29506
|
+
this.enforceMinMaxValue();
|
|
29499
29507
|
};
|
|
29500
29508
|
this.onFocus = () => {
|
|
29501
29509
|
this.roadFocus.emit();
|
|
@@ -29523,25 +29531,35 @@ class Input {
|
|
|
29523
29531
|
*/
|
|
29524
29532
|
valueChanged() {
|
|
29525
29533
|
this.debouncedRoadChange(this.value);
|
|
29534
|
+
// Appeler enforceMinMaxValue après chaque changement de valeur
|
|
29535
|
+
this.enforceMinMaxValue();
|
|
29536
|
+
}
|
|
29537
|
+
async enforceMinMaxValue() {
|
|
29538
|
+
let value = this.getValue();
|
|
29539
|
+
const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
|
|
29540
|
+
const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
|
|
29541
|
+
let numericValue = parseFloat(value);
|
|
29542
|
+
if (!isNaN(numericValue)) {
|
|
29543
|
+
if (minValue !== undefined && numericValue < minValue) {
|
|
29544
|
+
numericValue = minValue;
|
|
29545
|
+
}
|
|
29546
|
+
if (maxValue !== undefined && numericValue > maxValue) {
|
|
29547
|
+
numericValue = maxValue;
|
|
29548
|
+
}
|
|
29549
|
+
value = numericValue.toString();
|
|
29550
|
+
}
|
|
29551
|
+
if (this.type === 'number') {
|
|
29552
|
+
this.value = value;
|
|
29553
|
+
const input = document.getElementById(this.inputId);
|
|
29554
|
+
input.value = value;
|
|
29555
|
+
}
|
|
29556
|
+
this.roadChange.emit({ value });
|
|
29526
29557
|
}
|
|
29527
29558
|
getValue() {
|
|
29528
29559
|
return typeof this.value === 'number'
|
|
29529
29560
|
? this.value.toString()
|
|
29530
29561
|
: (this.value || '').toString();
|
|
29531
29562
|
}
|
|
29532
|
-
enforceMinMax(el) {
|
|
29533
|
-
if (el.value !== "") {
|
|
29534
|
-
const value = parseInt(el.value);
|
|
29535
|
-
const minValue = parseInt(el.min);
|
|
29536
|
-
const maxValue = parseInt(el.max);
|
|
29537
|
-
if (value < minValue) {
|
|
29538
|
-
el.value = el.min;
|
|
29539
|
-
}
|
|
29540
|
-
if (value > maxValue) {
|
|
29541
|
-
el.value = el.max;
|
|
29542
|
-
}
|
|
29543
|
-
}
|
|
29544
|
-
}
|
|
29545
29563
|
componentWillLoad() {
|
|
29546
29564
|
this.debounceChanged(); // Initialize debounce on component load
|
|
29547
29565
|
}
|
|
@@ -29551,7 +29569,7 @@ class Input {
|
|
|
29551
29569
|
const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
|
|
29552
29570
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29553
29571
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29554
|
-
return (hAsync(Host, { key: '
|
|
29572
|
+
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" })));
|
|
29555
29573
|
}
|
|
29556
29574
|
static get watchers() { return {
|
|
29557
29575
|
"debounce": ["debounceChanged"],
|
|
@@ -29589,7 +29607,8 @@ class Input {
|
|
|
29589
29607
|
"label": [1],
|
|
29590
29608
|
"error": [1],
|
|
29591
29609
|
"helper": [1],
|
|
29592
|
-
"debounce": [2]
|
|
29610
|
+
"debounce": [2],
|
|
29611
|
+
"enforceMinMaxValue": [64]
|
|
29593
29612
|
},
|
|
29594
29613
|
"$listeners$": undefined,
|
|
29595
29614
|
"$lazyBundleId$": "-",
|
|
@@ -29598,7 +29617,7 @@ class Input {
|
|
|
29598
29617
|
}
|
|
29599
29618
|
let inputIds = 0;
|
|
29600
29619
|
|
|
29601
|
-
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-
|
|
29620
|
+
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)}";
|
|
29602
29621
|
var RoadInputGroupStyle0 = inputGroupCss;
|
|
29603
29622
|
|
|
29604
29623
|
/**
|
|
@@ -29616,7 +29635,7 @@ class InputGroup {
|
|
|
29616
29635
|
handleDisabledChange(newValue) {
|
|
29617
29636
|
this.updateDisabledState(newValue);
|
|
29618
29637
|
}
|
|
29619
|
-
/**
|
|
29638
|
+
/** Applique le `disabled` aux enfants */
|
|
29620
29639
|
updateDisabledState(isDisabled) {
|
|
29621
29640
|
const children = this.el.querySelectorAll('road-input, road-button, road-select');
|
|
29622
29641
|
children.forEach(child => {
|
|
@@ -29628,9 +29647,24 @@ class InputGroup {
|
|
|
29628
29647
|
}
|
|
29629
29648
|
});
|
|
29630
29649
|
}
|
|
29631
|
-
|
|
29632
|
-
|
|
29650
|
+
/** Vérifie et applique le `text-indent` si `prepend` est présent */
|
|
29651
|
+
updateIndentation() {
|
|
29652
|
+
const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
|
|
29653
|
+
const formControl = this.el.querySelector('.form-control');
|
|
29654
|
+
const formLabel = this.el.querySelector('.form-label');
|
|
29655
|
+
if (formControl) {
|
|
29656
|
+
formControl.style.textIndent = hasPrepend ? '2rem' : '';
|
|
29657
|
+
}
|
|
29658
|
+
if (formLabel) {
|
|
29659
|
+
formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
|
|
29660
|
+
}
|
|
29661
|
+
}
|
|
29662
|
+
componentDidLoad() {
|
|
29633
29663
|
this.updateDisabledState(this.disabled);
|
|
29664
|
+
this.updateIndentation(); // Appliquer les styles au montage
|
|
29665
|
+
// Observer les mutations (au cas où des éléments sont ajoutés dynamiquement)
|
|
29666
|
+
const observer = new MutationObserver(() => this.updateIndentation());
|
|
29667
|
+
observer.observe(this.el, { childList: true, subtree: true });
|
|
29634
29668
|
}
|
|
29635
29669
|
render() {
|
|
29636
29670
|
const errorClass = this.el.querySelector('road-input[error]') ? 'is-invalid' : '';
|
|
@@ -29638,7 +29672,7 @@ class InputGroup {
|
|
|
29638
29672
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29639
29673
|
: '';
|
|
29640
29674
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29641
|
-
return (hAsync("div", { key: '
|
|
29675
|
+
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" }))));
|
|
29642
29676
|
}
|
|
29643
29677
|
get el() { return getElement(this); }
|
|
29644
29678
|
static get watchers() { return {
|
|
@@ -29718,13 +29752,13 @@ class Item {
|
|
|
29718
29752
|
target,
|
|
29719
29753
|
};
|
|
29720
29754
|
const showDetail = detail !== undefined && detail;
|
|
29721
|
-
return (hAsync(Host, { key: '
|
|
29755
|
+
return (hAsync(Host, { key: '469be56a9d2b7ff04d17328e1f2372f0d8dc32a4', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29722
29756
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29723
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29757
|
+
} }, hAsync(TagType, Object.assign({ key: 'b6c630e11c30631eb89b9f6676d456f663cc42cd' }, attrs, { class: {
|
|
29724
29758
|
'item-native': true,
|
|
29725
29759
|
'item-active': this.active,
|
|
29726
29760
|
[`layout-${layout}`]: layout !== undefined,
|
|
29727
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29761
|
+
}, 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" })))));
|
|
29728
29762
|
}
|
|
29729
29763
|
get el() { return getElement(this); }
|
|
29730
29764
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29765,7 +29799,7 @@ class Label {
|
|
|
29765
29799
|
registerInstance(this, hostRef);
|
|
29766
29800
|
}
|
|
29767
29801
|
render() {
|
|
29768
|
-
return (hAsync("slot", { key: '
|
|
29802
|
+
return (hAsync("slot", { key: 'a1b53c7175dc84b9608f30199187e89d458f9678' }));
|
|
29769
29803
|
}
|
|
29770
29804
|
static get style() { return RoadLabelStyle0; }
|
|
29771
29805
|
static get cmpMeta() { return {
|
|
@@ -29790,9 +29824,9 @@ class List {
|
|
|
29790
29824
|
}
|
|
29791
29825
|
render() {
|
|
29792
29826
|
const { lines } = this;
|
|
29793
|
-
return (hAsync(Host, { key: '
|
|
29827
|
+
return (hAsync(Host, { key: '04ab5013f370d2bc3f16b06092f280855f02d631', class: {
|
|
29794
29828
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29795
|
-
} }, hAsync("slot", { key: '
|
|
29829
|
+
} }, hAsync("slot", { key: '4a4e1fe77c44c0cae3ca908007d6920fda2bf50f' })));
|
|
29796
29830
|
}
|
|
29797
29831
|
static get style() { return RoadListStyle0; }
|
|
29798
29832
|
static get cmpMeta() { return {
|
|
@@ -29877,7 +29911,7 @@ class Modal {
|
|
|
29877
29911
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
29878
29912
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
29879
29913
|
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" })) : '';
|
|
29880
|
-
return (hAsync(Host, { key: '
|
|
29914
|
+
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' }))))));
|
|
29881
29915
|
}
|
|
29882
29916
|
get el() { return getElement(this); }
|
|
29883
29917
|
static get style() { return RoadModalStyle0; }
|
|
@@ -29928,7 +29962,7 @@ class Navbar {
|
|
|
29928
29962
|
this.selectedTabChanged();
|
|
29929
29963
|
}
|
|
29930
29964
|
render() {
|
|
29931
|
-
return (hAsync(Host, { key: '
|
|
29965
|
+
return (hAsync(Host, { key: '1156d0442b84d86ea8ff25f69177061dbbded5f2', role: "menubar" }, hAsync("slot", { key: '90856108fe5c9b6573b25e857c51d639f8b755de' })));
|
|
29932
29966
|
}
|
|
29933
29967
|
static get watchers() { return {
|
|
29934
29968
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30014,11 +30048,11 @@ class NavbarItem$1 {
|
|
|
30014
30048
|
rel,
|
|
30015
30049
|
target,
|
|
30016
30050
|
};
|
|
30017
|
-
return (hAsync(Host, { key: '
|
|
30051
|
+
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: {
|
|
30018
30052
|
'navbar-item': true,
|
|
30019
30053
|
'tab-selected': selected,
|
|
30020
30054
|
'tab-disabled': disabled,
|
|
30021
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30055
|
+
} }, 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' })))));
|
|
30022
30056
|
}
|
|
30023
30057
|
get el() { return getElement(this); }
|
|
30024
30058
|
static get watchers() { return {
|
|
@@ -30111,11 +30145,11 @@ class NavbarItem {
|
|
|
30111
30145
|
rel,
|
|
30112
30146
|
target,
|
|
30113
30147
|
};
|
|
30114
|
-
return (hAsync(Host, { key: '
|
|
30148
|
+
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: {
|
|
30115
30149
|
'navbar-item': true,
|
|
30116
30150
|
'tab-selected': selected,
|
|
30117
30151
|
'tab-disabled': disabled,
|
|
30118
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30152
|
+
} }, 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' })))));
|
|
30119
30153
|
}
|
|
30120
30154
|
get el() { return getElement(this); }
|
|
30121
30155
|
static get watchers() { return {
|
|
@@ -30174,7 +30208,7 @@ class NavbarV2 {
|
|
|
30174
30208
|
}
|
|
30175
30209
|
render() {
|
|
30176
30210
|
const compactClass = this.compact ? 'compact' : '';
|
|
30177
|
-
return (hAsync(Host, { key: '
|
|
30211
|
+
return (hAsync(Host, { key: '10d52847da0d9c1c0ae8f72cf105cea490b2bf19', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '42741876dd02cde76118761499e15bf08ca24200' })));
|
|
30178
30212
|
}
|
|
30179
30213
|
static get watchers() { return {
|
|
30180
30214
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30297,10 +30331,10 @@ class PlateNumber {
|
|
|
30297
30331
|
render() {
|
|
30298
30332
|
const value = this.getValue();
|
|
30299
30333
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30300
|
-
return (hAsync("road-input-group", { key: '
|
|
30334
|
+
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
|
|
30301
30335
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30302
30336
|
? (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 }))
|
|
30303
|
-
: (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: '
|
|
30337
|
+
: (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" }))));
|
|
30304
30338
|
}
|
|
30305
30339
|
static get watchers() { return {
|
|
30306
30340
|
"value": ["valueChanged"]
|
|
@@ -30368,7 +30402,7 @@ class ProgressBar {
|
|
|
30368
30402
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30369
30403
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30370
30404
|
const animation = this.animation ? 'animation' : '';
|
|
30371
|
-
return (hAsync(Host, { key: '
|
|
30405
|
+
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))));
|
|
30372
30406
|
}
|
|
30373
30407
|
static get style() { return RoadProgressStyle0; }
|
|
30374
30408
|
static get cmpMeta() { return {
|
|
@@ -30409,7 +30443,7 @@ class ProgressIndicatorVertical {
|
|
|
30409
30443
|
registerInstance(this, hostRef);
|
|
30410
30444
|
}
|
|
30411
30445
|
render() {
|
|
30412
|
-
return (hAsync(Host, { key: '
|
|
30446
|
+
return (hAsync(Host, { key: 'b9414e9e3a3c39ec4769e96785d81e6ed72f8cb7' }, hAsync("nav", { key: 'ca19afe47fd5ad7e70ea9e57fbb7660b3d8b96d6' }, hAsync("ul", { key: 'cfcba662c75659241a23a3089cf976cfc709b435' }, hAsync("li", { key: '88e01d54ea52de823fa2715c31227cd193e6e02b' }, hAsync("slot", { key: 'f70b71be1951c826d11f7793deb7eed74683eec2' }))))));
|
|
30413
30447
|
}
|
|
30414
30448
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30415
30449
|
static get cmpMeta() { return {
|
|
@@ -30433,7 +30467,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30433
30467
|
registerInstance(this, hostRef);
|
|
30434
30468
|
}
|
|
30435
30469
|
render() {
|
|
30436
|
-
return (hAsync(Host, { key: '
|
|
30470
|
+
return (hAsync(Host, { key: '197a570a10cd38b0894b57886f1da483ee666ebf' }, hAsync("slot", { key: '371681ee0447123ad734b9b00ee26368a2df24f5' })));
|
|
30437
30471
|
}
|
|
30438
30472
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30439
30473
|
static get cmpMeta() { return {
|
|
@@ -30462,7 +30496,7 @@ class ProgressTracker {
|
|
|
30462
30496
|
registerInstance(this, hostRef);
|
|
30463
30497
|
}
|
|
30464
30498
|
render() {
|
|
30465
|
-
return (hAsync(Host, { key: '
|
|
30499
|
+
return (hAsync(Host, { key: '96924d494a649b4afae2f4c53e5535a6cde278de' }, hAsync("nav", { key: '51deac30b6a6cbee7831137c03db92befad99fc4' }, hAsync("ul", { key: 'd38a9b448ca5dbcc36daf286f4b82879d1f5ea74' }, hAsync("li", { key: '8ea681def65ff1a9072fd854a9ce6b26025b9e4b' }, hAsync("slot", { key: '1957024fdf2632c253cfdfb61c491f4de4addb7d' }))))));
|
|
30466
30500
|
}
|
|
30467
30501
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30468
30502
|
static get cmpMeta() { return {
|
|
@@ -30494,7 +30528,7 @@ class ProgressTrackerItem {
|
|
|
30494
30528
|
registerInstance(this, hostRef);
|
|
30495
30529
|
}
|
|
30496
30530
|
render() {
|
|
30497
|
-
return (hAsync(Host, { key: '
|
|
30531
|
+
return (hAsync(Host, { key: '707344b5cf52de10c13d0c66528f8a885d723d7f' }, hAsync("slot", { key: 'c8c1a8c048b465e6aeb171d61287eb7cd4e7b441' })));
|
|
30498
30532
|
}
|
|
30499
30533
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30500
30534
|
static get cmpMeta() { return {
|
|
@@ -30587,7 +30621,7 @@ class Radio {
|
|
|
30587
30621
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30588
30622
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30589
30623
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30590
|
-
return (hAsync(Host, { key: '
|
|
30624
|
+
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))));
|
|
30591
30625
|
}
|
|
30592
30626
|
get el() { return getElement(this); }
|
|
30593
30627
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30681,7 +30715,7 @@ class RadioGroup {
|
|
|
30681
30715
|
render() {
|
|
30682
30716
|
const labelId = `${this.radioGroupId}-label`;
|
|
30683
30717
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30684
|
-
return (hAsync(Host, { key: '
|
|
30718
|
+
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)));
|
|
30685
30719
|
}
|
|
30686
30720
|
get el() { return getElement(this); }
|
|
30687
30721
|
static get watchers() { return {
|
|
@@ -30811,14 +30845,14 @@ class Range {
|
|
|
30811
30845
|
render() {
|
|
30812
30846
|
const value = this.getValue();
|
|
30813
30847
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
30814
|
-
return (hAsync(Host, { key: '
|
|
30848
|
+
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: {
|
|
30815
30849
|
"--min": this.min,
|
|
30816
30850
|
"--max": this.max,
|
|
30817
30851
|
"--value": value,
|
|
30818
30852
|
"--background-color": this.disabled
|
|
30819
30853
|
? "var(--road-surface-disabled)"
|
|
30820
30854
|
: "initial",
|
|
30821
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
30855
|
+
} }, 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" })))));
|
|
30822
30856
|
}
|
|
30823
30857
|
get el() { return getElement(this); }
|
|
30824
30858
|
static get watchers() { return {
|
|
@@ -30887,7 +30921,7 @@ class Rating {
|
|
|
30887
30921
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
30888
30922
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
30889
30923
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
30890
|
-
return (hAsync(Host, { key: '
|
|
30924
|
+
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}`, ")")));
|
|
30891
30925
|
}
|
|
30892
30926
|
static get style() { return RoadRatingStyle0; }
|
|
30893
30927
|
static get cmpMeta() { return {
|
|
@@ -31006,7 +31040,7 @@ class RoadAreaCode {
|
|
|
31006
31040
|
const labelId = this.selectId + '-label';
|
|
31007
31041
|
const valueId = this.selectId + '-value';
|
|
31008
31042
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31009
|
-
return (hAsync(Host, { key: '
|
|
31043
|
+
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)));
|
|
31010
31044
|
}
|
|
31011
31045
|
static get watchers() { return {
|
|
31012
31046
|
"value": ["valueChanged"]
|
|
@@ -32231,9 +32265,6 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
|
|
|
32231
32265
|
});
|
|
32232
32266
|
}(libphonenumber));
|
|
32233
32267
|
|
|
32234
|
-
// list of forbidden characters
|
|
32235
|
-
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', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
|
|
32236
|
-
|
|
32237
32268
|
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}";
|
|
32238
32269
|
var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
|
|
32239
32270
|
|
|
@@ -32287,13 +32318,6 @@ class RoadPhoneNumberInput {
|
|
|
32287
32318
|
this.phoneNumber = input.value;
|
|
32288
32319
|
this.createAndDispatchPhoneData();
|
|
32289
32320
|
}
|
|
32290
|
-
// On user key down
|
|
32291
|
-
handleKeyDown(event) {
|
|
32292
|
-
// checks if the forbidden characters's list contains the pressed key
|
|
32293
|
-
if (forbiddenChars.includes(event.key)) {
|
|
32294
|
-
event.preventDefault();
|
|
32295
|
-
}
|
|
32296
|
-
}
|
|
32297
32321
|
// On user select
|
|
32298
32322
|
handleSelect(event) {
|
|
32299
32323
|
const select = event.target;
|
|
@@ -32397,9 +32421,9 @@ class RoadPhoneNumberInput {
|
|
|
32397
32421
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32398
32422
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32399
32423
|
const sizes = 'xl';
|
|
32400
|
-
return (hAsync(Host, { key: '
|
|
32424
|
+
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
|
|
32401
32425
|
&& this.errorMessage !== ''
|
|
32402
|
-
&& hAsync("p", { key: '
|
|
32426
|
+
&& 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)));
|
|
32403
32427
|
}
|
|
32404
32428
|
get el() { return getElement(this); }
|
|
32405
32429
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32439,7 +32463,7 @@ class Row {
|
|
|
32439
32463
|
registerInstance(this, hostRef);
|
|
32440
32464
|
}
|
|
32441
32465
|
render() {
|
|
32442
|
-
return (hAsync(Host, { key: '
|
|
32466
|
+
return (hAsync(Host, { key: 'c24fc7d8828c301b3569e2d2a0cd4dc8d7307828' }, hAsync("slot", { key: '997bf6ba4d7e803fff4b3c30793d4df99bafb238' })));
|
|
32443
32467
|
}
|
|
32444
32468
|
static get style() { return RoadRowStyle0; }
|
|
32445
32469
|
static get cmpMeta() { return {
|
|
@@ -32511,10 +32535,10 @@ class SegmentedButton {
|
|
|
32511
32535
|
render() {
|
|
32512
32536
|
const { tabIndex, selected, tab } = this;
|
|
32513
32537
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32514
|
-
return (hAsync(Host, { key: '
|
|
32538
|
+
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: {
|
|
32515
32539
|
'tab-selected': selected,
|
|
32516
32540
|
[`${sizeClass}`]: true,
|
|
32517
|
-
} }, hAsync("span", { key: '
|
|
32541
|
+
} }, hAsync("span", { key: '51bce8ba5647ea8ddcf153b3a74acc46af4edb7c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '1bd9a44592fd90312ea33e1adc5612cc5db951b9' }))));
|
|
32518
32542
|
}
|
|
32519
32543
|
get el() { return getElement(this); }
|
|
32520
32544
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -32635,7 +32659,7 @@ class Select {
|
|
|
32635
32659
|
const labelId = this.selectId + '-label';
|
|
32636
32660
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32637
32661
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32638
|
-
return (hAsync(Host, { key: '
|
|
32662
|
+
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)));
|
|
32639
32663
|
}
|
|
32640
32664
|
static get watchers() { return {
|
|
32641
32665
|
"value": ["valueChanged"]
|
|
@@ -34556,8 +34580,8 @@ class SelectFilter {
|
|
|
34556
34580
|
const options = this.filteredOptions;
|
|
34557
34581
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34558
34582
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34559
|
-
return (hAsync(Host, { key: '
|
|
34560
|
-
hAsync("ul", { key: '
|
|
34583
|
+
return (hAsync(Host, { key: '60762eea1cfe1d08708bd295fc252a68eb40799d', "is-active": isActive }, hAsync("slot", { key: '5bc83358875e4b428f629a95af7bee2a04a37bed' }), this.isOpen &&
|
|
34584
|
+
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 }))))));
|
|
34561
34585
|
}
|
|
34562
34586
|
get el() { return getElement(this); }
|
|
34563
34587
|
static get style() { return RoadSelectFilterStyle0; }
|
|
@@ -34587,7 +34611,7 @@ class Skeleton {
|
|
|
34587
34611
|
registerInstance(this, hostRef);
|
|
34588
34612
|
}
|
|
34589
34613
|
render() {
|
|
34590
|
-
return (hAsync("span", { key: '
|
|
34614
|
+
return (hAsync("span", { key: '836ac5581827f074751f3c497b7bc77a8c9e2e73' }, "\u00A0"));
|
|
34591
34615
|
}
|
|
34592
34616
|
static get style() { return RoadSkeletonStyle0; }
|
|
34593
34617
|
static get cmpMeta() { return {
|
|
@@ -34618,7 +34642,7 @@ class Spinner {
|
|
|
34618
34642
|
render() {
|
|
34619
34643
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34620
34644
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34621
|
-
return (hAsync("svg", { key: '
|
|
34645
|
+
return (hAsync("svg", { key: '0eede9bda893755c08fb19b9349afb0174c092a5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '0b18e9edd726326c19c3fb3365fd357687de6ff4', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34622
34646
|
}
|
|
34623
34647
|
static get style() { return RoadSpinnerStyle0; }
|
|
34624
34648
|
static get cmpMeta() { return {
|
|
@@ -34668,7 +34692,7 @@ class Stepper {
|
|
|
34668
34692
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
34669
34693
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
34670
34694
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
34671
|
-
return (hAsync(Host, { key: '
|
|
34695
|
+
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" }))))))));
|
|
34672
34696
|
}
|
|
34673
34697
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
34674
34698
|
static get cmpMeta() { return {
|
|
@@ -34770,11 +34794,11 @@ class Switch {
|
|
|
34770
34794
|
}
|
|
34771
34795
|
render() {
|
|
34772
34796
|
const labelId = this.switchId + '-label';
|
|
34773
|
-
const textLabel = hAsync("label", { key: '
|
|
34797
|
+
const textLabel = hAsync("label", { key: '6d2103f99cd9f321a3530b8e1bdffb4422437b06', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
34774
34798
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
34775
34799
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
34776
34800
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
34777
|
-
return (hAsync(Host, { key: '
|
|
34801
|
+
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)));
|
|
34778
34802
|
}
|
|
34779
34803
|
static get watchers() { return {
|
|
34780
34804
|
"checked": ["checkedChanged"]
|
|
@@ -34829,9 +34853,9 @@ class Tab {
|
|
|
34829
34853
|
}
|
|
34830
34854
|
render() {
|
|
34831
34855
|
const { tab, active } = this;
|
|
34832
|
-
return (hAsync(Host, { key: '
|
|
34856
|
+
return (hAsync(Host, { key: '2388b760912fddc34f0204fbe2afe59bfd45e874', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
34833
34857
|
'tab-hidden': !active,
|
|
34834
|
-
} }, hAsync("slot", { key: '
|
|
34858
|
+
} }, hAsync("slot", { key: 'a9541ba7cf02ca95c4a805927fa146589178876d' })));
|
|
34835
34859
|
}
|
|
34836
34860
|
get el() { return getElement(this); }
|
|
34837
34861
|
static get style() { return RoadTabStyle0; }
|
|
@@ -34891,11 +34915,11 @@ class TabBar {
|
|
|
34891
34915
|
}
|
|
34892
34916
|
render() {
|
|
34893
34917
|
const { expand, center, secondary } = this;
|
|
34894
|
-
return (hAsync(Host, { key: '
|
|
34918
|
+
return (hAsync(Host, { key: 'e634e4914b3d846aa4a0288612a5ca375434e143', role: "tablist", class: {
|
|
34895
34919
|
'tab-expand': expand,
|
|
34896
34920
|
'tab-center': center,
|
|
34897
34921
|
'tab-secondary': secondary,
|
|
34898
|
-
} }, hAsync("slot", { key: '
|
|
34922
|
+
} }, hAsync("slot", { key: 'a5f4370b6adc58b86b407b58dde01fab0e3390c3' })));
|
|
34899
34923
|
}
|
|
34900
34924
|
get el() { return getElement(this); }
|
|
34901
34925
|
static get watchers() { return {
|
|
@@ -34995,7 +35019,7 @@ class TabButton {
|
|
|
34995
35019
|
rel,
|
|
34996
35020
|
target,
|
|
34997
35021
|
};
|
|
34998
|
-
return (hAsync(Host, { key: '
|
|
35022
|
+
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: {
|
|
34999
35023
|
'tab-selected': selected,
|
|
35000
35024
|
'tab-has-label': hasLabel,
|
|
35001
35025
|
'tab-has-icon': hasIcon,
|
|
@@ -35003,7 +35027,7 @@ class TabButton {
|
|
|
35003
35027
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35004
35028
|
[`tab-layout-${layout}`]: true,
|
|
35005
35029
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35006
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35030
|
+
} }, 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' })))));
|
|
35007
35031
|
}
|
|
35008
35032
|
get el() { return getElement(this); }
|
|
35009
35033
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35037,7 +35061,7 @@ class Table {
|
|
|
35037
35061
|
registerInstance(this, hostRef);
|
|
35038
35062
|
}
|
|
35039
35063
|
render() {
|
|
35040
|
-
return (hAsync("slot", { key: '
|
|
35064
|
+
return (hAsync("slot", { key: '969efbc10ec3956ef1bfcfff63d0fcd95d619b20' }));
|
|
35041
35065
|
}
|
|
35042
35066
|
static get style() { return RoadTableStyle0; }
|
|
35043
35067
|
static get cmpMeta() { return {
|
|
@@ -35145,7 +35169,7 @@ class Tabs$1 {
|
|
|
35145
35169
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35146
35170
|
}
|
|
35147
35171
|
render() {
|
|
35148
|
-
return (hAsync(Host, { key: '
|
|
35172
|
+
return (hAsync(Host, { key: '97ad0617ea34f3fe3327643bd69aab9060043e8f', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'b69c95aea0a20359b06a2118c4850467e56b156b', name: "top" }), hAsync("slot", { key: '84d9cabe1fbacbac245e954b67c13a21faea1824' })));
|
|
35149
35173
|
}
|
|
35150
35174
|
get el() { return getElement(this); }
|
|
35151
35175
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35281,7 +35305,7 @@ class Tabs {
|
|
|
35281
35305
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35282
35306
|
}
|
|
35283
35307
|
render() {
|
|
35284
|
-
return (hAsync(Host, { key: '
|
|
35308
|
+
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' }))));
|
|
35285
35309
|
}
|
|
35286
35310
|
get el() { return getElement(this); }
|
|
35287
35311
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35329,7 +35353,7 @@ class Tag {
|
|
|
35329
35353
|
}
|
|
35330
35354
|
render() {
|
|
35331
35355
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35332
|
-
return (hAsync(Host, { key: '
|
|
35356
|
+
return (hAsync(Host, { key: 'b7b5a60405631c55d69a6059b4b08d24570a03a5', class: `${contrastClass}` }, hAsync("slot", { key: 'f1e330db16f68bc41a34d9d35003c2929746fbdc' })));
|
|
35333
35357
|
}
|
|
35334
35358
|
static get style() { return RoadTagStyle0; }
|
|
35335
35359
|
static get cmpMeta() { return {
|
|
@@ -35361,7 +35385,7 @@ class Text {
|
|
|
35361
35385
|
}
|
|
35362
35386
|
render() {
|
|
35363
35387
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35364
|
-
return (hAsync(Host, { key: '
|
|
35388
|
+
return (hAsync(Host, { key: 'bfb0dd3d26e95625e4422ffda7401f614212203c', class: `${colorClass}` }, hAsync("slot", { key: '67f879cff68567ed12c709ee1685e0d7f8281189' })));
|
|
35365
35389
|
}
|
|
35366
35390
|
static get style() { return RoadTextStyle0; }
|
|
35367
35391
|
static get cmpMeta() { return {
|
|
@@ -35471,7 +35495,7 @@ class Textarea {
|
|
|
35471
35495
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35472
35496
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35473
35497
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35474
|
-
return (hAsync(Host, { key: '
|
|
35498
|
+
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)));
|
|
35475
35499
|
}
|
|
35476
35500
|
static get watchers() { return {
|
|
35477
35501
|
"value": ["valueChanged"]
|
|
@@ -35602,7 +35626,7 @@ class Toast {
|
|
|
35602
35626
|
if (this.color == 'danger') {
|
|
35603
35627
|
this.timeout = 0;
|
|
35604
35628
|
}
|
|
35605
|
-
return (hAsync(Host, { key: '
|
|
35629
|
+
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" }))));
|
|
35606
35630
|
}
|
|
35607
35631
|
static get watchers() { return {
|
|
35608
35632
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35642,7 +35666,7 @@ class Toolbar {
|
|
|
35642
35666
|
}
|
|
35643
35667
|
render() {
|
|
35644
35668
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35645
|
-
return (hAsync(Host, { key: '
|
|
35669
|
+
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" }))));
|
|
35646
35670
|
}
|
|
35647
35671
|
static get style() { return RoadToolbarStyle0; }
|
|
35648
35672
|
static get cmpMeta() { return {
|
|
@@ -35668,7 +35692,7 @@ class ToolbarAppName {
|
|
|
35668
35692
|
registerInstance(this, hostRef);
|
|
35669
35693
|
}
|
|
35670
35694
|
render() {
|
|
35671
|
-
return (hAsync("div", { key: '
|
|
35695
|
+
return (hAsync("div", { key: '7a11cf4b2af6182e9538b11c6b5942b4c572d637', class: "toolbar-title-page" }, hAsync("slot", { key: '51f5dcee2ad059148c9d7357132602d824e3fe63' })));
|
|
35672
35696
|
}
|
|
35673
35697
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
35674
35698
|
static get cmpMeta() { return {
|
|
@@ -35692,7 +35716,7 @@ class ToolbarTitle {
|
|
|
35692
35716
|
registerInstance(this, hostRef);
|
|
35693
35717
|
}
|
|
35694
35718
|
render() {
|
|
35695
|
-
return (hAsync("div", { key: '
|
|
35719
|
+
return (hAsync("div", { key: 'fdd5193281f75ccc04747f48380fbb4af8658055', class: "toolbar-title" }, hAsync("slot", { key: 'e65fd62179763d5378a7ac93a119f0032665f871' })));
|
|
35696
35720
|
}
|
|
35697
35721
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
35698
35722
|
static get cmpMeta() { return {
|
|
@@ -35721,7 +35745,7 @@ class ToolbarV2 {
|
|
|
35721
35745
|
registerInstance(this, hostRef);
|
|
35722
35746
|
}
|
|
35723
35747
|
render() {
|
|
35724
|
-
return (hAsync(Host, { key: '
|
|
35748
|
+
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" })))));
|
|
35725
35749
|
}
|
|
35726
35750
|
static get style() { return RoadToolbarV2Style0; }
|
|
35727
35751
|
static get cmpMeta() { return {
|
|
@@ -35834,12 +35858,12 @@ class Tooltip {
|
|
|
35834
35858
|
return triggers.includes(triggerType);
|
|
35835
35859
|
}
|
|
35836
35860
|
render() {
|
|
35837
|
-
return (hAsync(Host, { key: '
|
|
35861
|
+
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
|
|
35838
35862
|
,
|
|
35839
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
35863
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'bea4b3834a23af4d63a131a2b6bf9f795303a983', "aria-describedby": this.tooltipId }), hAsync("div", { key: '603d443e84c4848b6bbb355471467cadf9c9d048', part: "tooltip", id: this.tooltipId, class: {
|
|
35840
35864
|
tooltip: true,
|
|
35841
35865
|
'tooltip-open': this.isOpen,
|
|
35842
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
35866
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cd4e126cffd08a2f796514596cdf5584f831b620', name: "tooltip-content" }))));
|
|
35843
35867
|
}
|
|
35844
35868
|
get el() { return getElement(this); }
|
|
35845
35869
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -35939,11 +35963,11 @@ class toggle {
|
|
|
35939
35963
|
}
|
|
35940
35964
|
render() {
|
|
35941
35965
|
const labelId = this.toggleId + '-label';
|
|
35942
|
-
const textLabel = hAsync("label", { key: '
|
|
35966
|
+
const textLabel = hAsync("label", { key: '16549585187145555048579f3208d9804df0a909', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
35943
35967
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
35944
35968
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
35945
35969
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
35946
|
-
return (hAsync(Host, { key: '
|
|
35970
|
+
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)));
|
|
35947
35971
|
}
|
|
35948
35972
|
static get watchers() { return {
|
|
35949
35973
|
"checked": ["checkedChanged"]
|
|
@@ -36468,7 +36492,7 @@ var NAMESPACE = (
|
|
|
36468
36492
|
);
|
|
36469
36493
|
|
|
36470
36494
|
/*
|
|
36471
|
-
Stencil Hydrate Runner v4.27.
|
|
36495
|
+
Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
|
|
36472
36496
|
*/
|
|
36473
36497
|
var __defProp = Object.defineProperty;
|
|
36474
36498
|
var __export = (target, all) => {
|
|
@@ -36814,19 +36838,19 @@ var MockCustomElementRegistry = class {
|
|
|
36814
36838
|
this.__whenDefined.delete(tagName);
|
|
36815
36839
|
}
|
|
36816
36840
|
}
|
|
36817
|
-
const
|
|
36818
|
-
if (
|
|
36819
|
-
const hosts =
|
|
36841
|
+
const doc2 = this.win.document;
|
|
36842
|
+
if (doc2 != null) {
|
|
36843
|
+
const hosts = doc2.querySelectorAll(tagName);
|
|
36820
36844
|
hosts.forEach((host) => {
|
|
36821
36845
|
if (upgradedElements.has(host) === false) {
|
|
36822
|
-
tempDisableCallbacks.add(
|
|
36823
|
-
const upgradedCmp = createCustomElement(this,
|
|
36846
|
+
tempDisableCallbacks.add(doc2);
|
|
36847
|
+
const upgradedCmp = createCustomElement(this, doc2, tagName);
|
|
36824
36848
|
for (let i = 0; i < host.childNodes.length; i++) {
|
|
36825
36849
|
const childNode = host.childNodes[i];
|
|
36826
36850
|
childNode.remove();
|
|
36827
36851
|
upgradedCmp.appendChild(childNode);
|
|
36828
36852
|
}
|
|
36829
|
-
tempDisableCallbacks.delete(
|
|
36853
|
+
tempDisableCallbacks.delete(doc2);
|
|
36830
36854
|
if (proxyElements.has(host)) {
|
|
36831
36855
|
proxyElements.set(host, upgradedCmp);
|
|
36832
36856
|
}
|
|
@@ -45270,11 +45294,11 @@ function parseFragment(fragmentContext, html, options) {
|
|
|
45270
45294
|
// src/mock-doc/parse-util.ts
|
|
45271
45295
|
var docParser = /* @__PURE__ */ new WeakMap();
|
|
45272
45296
|
function parseDocumentUtil(ownerDocument, html) {
|
|
45273
|
-
const
|
|
45274
|
-
|
|
45275
|
-
|
|
45276
|
-
|
|
45277
|
-
return
|
|
45297
|
+
const doc2 = parse(html.trim(), getParser(ownerDocument));
|
|
45298
|
+
doc2.documentElement = doc2.firstElementChild;
|
|
45299
|
+
doc2.head = doc2.documentElement.firstElementChild;
|
|
45300
|
+
doc2.body = doc2.head.nextElementSibling;
|
|
45301
|
+
return doc2;
|
|
45278
45302
|
}
|
|
45279
45303
|
function parseFragmentUtil(ownerDocument, html) {
|
|
45280
45304
|
if (typeof html === "string") {
|
|
@@ -45292,9 +45316,9 @@ function getParser(ownerDocument) {
|
|
|
45292
45316
|
}
|
|
45293
45317
|
const treeAdapter = {
|
|
45294
45318
|
createDocument() {
|
|
45295
|
-
const
|
|
45296
|
-
|
|
45297
|
-
return
|
|
45319
|
+
const doc2 = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
|
|
45320
|
+
doc2["x-mode"] = "no-quirks";
|
|
45321
|
+
return doc2;
|
|
45298
45322
|
},
|
|
45299
45323
|
setNodeSourceCodeLocation(node, location2) {
|
|
45300
45324
|
node.sourceCodeLocation = location2;
|
|
@@ -45332,22 +45356,22 @@ function getParser(ownerDocument) {
|
|
|
45332
45356
|
getTemplateContent(templateElement) {
|
|
45333
45357
|
return templateElement.content;
|
|
45334
45358
|
},
|
|
45335
|
-
setDocumentType(
|
|
45336
|
-
let doctypeNode =
|
|
45359
|
+
setDocumentType(doc2, name, publicId, systemId) {
|
|
45360
|
+
let doctypeNode = doc2.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
|
|
45337
45361
|
if (doctypeNode == null) {
|
|
45338
45362
|
doctypeNode = ownerDocument.createDocumentTypeNode();
|
|
45339
|
-
|
|
45363
|
+
doc2.insertBefore(doctypeNode, doc2.firstChild);
|
|
45340
45364
|
}
|
|
45341
45365
|
doctypeNode.nodeValue = "!DOCTYPE";
|
|
45342
45366
|
doctypeNode["x-name"] = name;
|
|
45343
45367
|
doctypeNode["x-publicId"] = publicId;
|
|
45344
45368
|
doctypeNode["x-systemId"] = systemId;
|
|
45345
45369
|
},
|
|
45346
|
-
setDocumentMode(
|
|
45347
|
-
|
|
45370
|
+
setDocumentMode(doc2, mode) {
|
|
45371
|
+
doc2["x-mode"] = mode;
|
|
45348
45372
|
},
|
|
45349
|
-
getDocumentMode(
|
|
45350
|
-
return
|
|
45373
|
+
getDocumentMode(doc2) {
|
|
45374
|
+
return doc2["x-mode"];
|
|
45351
45375
|
},
|
|
45352
45376
|
detachNode(node) {
|
|
45353
45377
|
node.remove();
|
|
@@ -45523,9 +45547,9 @@ var jquery_default = (
|
|
|
45523
45547
|
nonce: true,
|
|
45524
45548
|
noModule: true
|
|
45525
45549
|
};
|
|
45526
|
-
function DOMEval(code, node,
|
|
45527
|
-
|
|
45528
|
-
var i2, script =
|
|
45550
|
+
function DOMEval(code, node, doc2) {
|
|
45551
|
+
doc2 = doc2 || document2;
|
|
45552
|
+
var i2, script = doc2.createElement("script");
|
|
45529
45553
|
script.text = code;
|
|
45530
45554
|
if (node) {
|
|
45531
45555
|
for (i2 in preservedScriptAttributes) {
|
|
@@ -45534,7 +45558,7 @@ var jquery_default = (
|
|
|
45534
45558
|
}
|
|
45535
45559
|
}
|
|
45536
45560
|
}
|
|
45537
|
-
|
|
45561
|
+
doc2.head.appendChild(script).parentNode.removeChild(script);
|
|
45538
45562
|
}
|
|
45539
45563
|
const jQuery = {};
|
|
45540
45564
|
var version = "4.0.0-pre+9352011a7.dirty +selector", rhtmlSuffix = /HTML$/i, jQueryOrig = function(selector, context) {
|
|
@@ -45671,8 +45695,8 @@ var jquery_default = (
|
|
|
45671
45695
|
},
|
|
45672
45696
|
// Evaluates a script in a provided context; falls back to the global one
|
|
45673
45697
|
// if not specified.
|
|
45674
|
-
globalEval: function(code, options,
|
|
45675
|
-
DOMEval(code, { nonce: options && options.nonce },
|
|
45698
|
+
globalEval: function(code, options, doc2) {
|
|
45699
|
+
DOMEval(code, { nonce: options && options.nonce }, doc2);
|
|
45676
45700
|
},
|
|
45677
45701
|
each: function(obj, callback) {
|
|
45678
45702
|
var length, i2 = 0;
|
|
@@ -46161,11 +46185,11 @@ var jquery_default = (
|
|
|
46161
46185
|
});
|
|
46162
46186
|
}
|
|
46163
46187
|
function setDocument(node) {
|
|
46164
|
-
var subWindow,
|
|
46165
|
-
if (
|
|
46188
|
+
var subWindow, doc2 = node ? node.ownerDocument || node : document2;
|
|
46189
|
+
if (doc2 == document$1 || doc2.nodeType !== 9) {
|
|
46166
46190
|
return;
|
|
46167
46191
|
}
|
|
46168
|
-
document$1 =
|
|
46192
|
+
document$1 = doc2;
|
|
46169
46193
|
documentElement$1 = document$1.documentElement;
|
|
46170
46194
|
documentIsHTML = !jQuery.isXMLDoc(document$1);
|
|
46171
46195
|
if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
|
|
@@ -50510,10 +50534,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
|
|
|
50510
50534
|
}
|
|
50511
50535
|
createElement(tagName) {
|
|
50512
50536
|
if (tagName === "#document" /* DOCUMENT_NODE */) {
|
|
50513
|
-
const
|
|
50514
|
-
|
|
50515
|
-
|
|
50516
|
-
return
|
|
50537
|
+
const doc2 = new _MockDocument(false);
|
|
50538
|
+
doc2.nodeName = tagName;
|
|
50539
|
+
doc2.parentNode = null;
|
|
50540
|
+
return doc2;
|
|
50517
50541
|
}
|
|
50518
50542
|
return createElement(this, tagName);
|
|
50519
50543
|
}
|
|
@@ -50553,10 +50577,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
|
|
|
50553
50577
|
title.textContent = value;
|
|
50554
50578
|
}
|
|
50555
50579
|
};
|
|
50556
|
-
function resetDocument(
|
|
50557
|
-
if (
|
|
50558
|
-
resetEventListeners(
|
|
50559
|
-
const documentElement =
|
|
50580
|
+
function resetDocument(doc2) {
|
|
50581
|
+
if (doc2 != null) {
|
|
50582
|
+
resetEventListeners(doc2);
|
|
50583
|
+
const documentElement = doc2.documentElement;
|
|
50560
50584
|
if (documentElement != null) {
|
|
50561
50585
|
resetElement(documentElement);
|
|
50562
50586
|
for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
|
|
@@ -50565,25 +50589,25 @@ function resetDocument(doc) {
|
|
|
50565
50589
|
childNode.childNodes.length = 0;
|
|
50566
50590
|
}
|
|
50567
50591
|
}
|
|
50568
|
-
for (const key in
|
|
50569
|
-
if (
|
|
50570
|
-
delete
|
|
50592
|
+
for (const key in doc2) {
|
|
50593
|
+
if (doc2.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
|
|
50594
|
+
delete doc2[key];
|
|
50571
50595
|
}
|
|
50572
50596
|
}
|
|
50573
50597
|
try {
|
|
50574
|
-
|
|
50598
|
+
doc2.nodeName = "#document" /* DOCUMENT_NODE */;
|
|
50575
50599
|
} catch (e) {
|
|
50576
50600
|
}
|
|
50577
50601
|
try {
|
|
50578
|
-
|
|
50602
|
+
doc2.nodeType = 9 /* DOCUMENT_NODE */;
|
|
50579
50603
|
} catch (e) {
|
|
50580
50604
|
}
|
|
50581
50605
|
try {
|
|
50582
|
-
|
|
50606
|
+
doc2.cookie = "";
|
|
50583
50607
|
} catch (e) {
|
|
50584
50608
|
}
|
|
50585
50609
|
try {
|
|
50586
|
-
|
|
50610
|
+
doc2.referrer = "";
|
|
50587
50611
|
} catch (e) {
|
|
50588
50612
|
}
|
|
50589
50613
|
}
|
|
@@ -50653,6 +50677,7 @@ var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
|
|
|
50653
50677
|
"color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
|
|
50654
50678
|
];
|
|
50655
50679
|
var win = typeof window !== "undefined" ? window : {};
|
|
50680
|
+
var doc = win.document || { head: {} };
|
|
50656
50681
|
var H = win.HTMLElement || class {
|
|
50657
50682
|
};
|
|
50658
50683
|
var supportsShadow = BUILD.shadowDom;
|
|
@@ -50786,14 +50811,14 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
|
50786
50811
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
50787
50812
|
|
|
50788
50813
|
// src/compiler/html/canonical-link.ts
|
|
50789
|
-
var updateCanonicalLink = (
|
|
50814
|
+
var updateCanonicalLink = (doc2, href) => {
|
|
50790
50815
|
var _a2;
|
|
50791
|
-
let canonicalLinkElm =
|
|
50816
|
+
let canonicalLinkElm = doc2.head.querySelector('link[rel="canonical"]');
|
|
50792
50817
|
if (typeof href === "string") {
|
|
50793
50818
|
if (canonicalLinkElm == null) {
|
|
50794
|
-
canonicalLinkElm =
|
|
50819
|
+
canonicalLinkElm = doc2.createElement("link");
|
|
50795
50820
|
canonicalLinkElm.setAttribute("rel", "canonical");
|
|
50796
|
-
|
|
50821
|
+
doc2.head.appendChild(canonicalLinkElm);
|
|
50797
50822
|
}
|
|
50798
50823
|
canonicalLinkElm.setAttribute("href", href);
|
|
50799
50824
|
} else {
|
|
@@ -50807,11 +50832,11 @@ var updateCanonicalLink = (doc, href) => {
|
|
|
50807
50832
|
};
|
|
50808
50833
|
|
|
50809
50834
|
// src/compiler/html/relocate-meta-charset.ts
|
|
50810
|
-
var relocateMetaCharset = (
|
|
50811
|
-
const head =
|
|
50835
|
+
var relocateMetaCharset = (doc2) => {
|
|
50836
|
+
const head = doc2.head;
|
|
50812
50837
|
let charsetElm = head.querySelector("meta[charset]");
|
|
50813
50838
|
if (charsetElm == null) {
|
|
50814
|
-
charsetElm =
|
|
50839
|
+
charsetElm = doc2.createElement("meta");
|
|
50815
50840
|
charsetElm.setAttribute("charset", "utf-8");
|
|
50816
50841
|
} else {
|
|
50817
50842
|
charsetElm.remove();
|
|
@@ -51086,13 +51111,13 @@ var parseCss = (css, filePath) => {
|
|
|
51086
51111
|
const m = match(/^@([-\w]+)?document *([^{]+)/);
|
|
51087
51112
|
if (!m) return null;
|
|
51088
51113
|
const vendor = trim(m[1]);
|
|
51089
|
-
const
|
|
51114
|
+
const doc2 = trim(m[2]);
|
|
51090
51115
|
if (!open()) return error(`@document missing '{'`);
|
|
51091
51116
|
const style = comments().concat(rules());
|
|
51092
51117
|
if (!close()) return error(`@document missing '}'`);
|
|
51093
51118
|
return pos({
|
|
51094
51119
|
type: 3 /* Document */,
|
|
51095
|
-
document:
|
|
51120
|
+
document: doc2,
|
|
51096
51121
|
vendor,
|
|
51097
51122
|
rules: style
|
|
51098
51123
|
});
|
|
@@ -51418,11 +51443,11 @@ var serializeCssPage = (opts, node) => {
|
|
|
51418
51443
|
};
|
|
51419
51444
|
var serializeCssDocument = (opts, node) => {
|
|
51420
51445
|
const documentCss = serializeCssMapVisit(opts, node.rules);
|
|
51421
|
-
const
|
|
51446
|
+
const doc2 = "@" + (node.vendor || "") + "document " + node.document;
|
|
51422
51447
|
if (documentCss === "") {
|
|
51423
51448
|
return "";
|
|
51424
51449
|
}
|
|
51425
|
-
return
|
|
51450
|
+
return doc2 + "{" + documentCss + "}";
|
|
51426
51451
|
};
|
|
51427
51452
|
var serializeCssMapVisit = (opts, nodes) => {
|
|
51428
51453
|
let rtn = "";
|
|
@@ -51520,12 +51545,12 @@ var collectUsedSelectors = (usedSelectors, elm) => {
|
|
|
51520
51545
|
};
|
|
51521
51546
|
|
|
51522
51547
|
// src/compiler/html/remove-unused-styles.ts
|
|
51523
|
-
var removeUnusedStyles = (
|
|
51548
|
+
var removeUnusedStyles = (doc2, diagnostics) => {
|
|
51524
51549
|
try {
|
|
51525
|
-
const styleElms =
|
|
51550
|
+
const styleElms = doc2.head.querySelectorAll(`style[data-styles]`);
|
|
51526
51551
|
const styleLen = styleElms.length;
|
|
51527
51552
|
if (styleLen > 0) {
|
|
51528
|
-
const usedSelectors = getUsedSelectors(
|
|
51553
|
+
const usedSelectors = getUsedSelectors(doc2.documentElement);
|
|
51529
51554
|
for (let i = 0; i < styleLen; i++) {
|
|
51530
51555
|
removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
|
|
51531
51556
|
}
|
|
@@ -51658,41 +51683,41 @@ function collectAttributes(node) {
|
|
|
51658
51683
|
var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
|
|
51659
51684
|
|
|
51660
51685
|
// src/hydrate/runner/patch-dom-implementation.ts
|
|
51661
|
-
function patchDomImplementation(
|
|
51686
|
+
function patchDomImplementation(doc2, opts) {
|
|
51662
51687
|
let win2;
|
|
51663
|
-
if (
|
|
51688
|
+
if (doc2.defaultView != null) {
|
|
51664
51689
|
opts.destroyWindow = true;
|
|
51665
|
-
patchWindow(
|
|
51666
|
-
win2 =
|
|
51690
|
+
patchWindow(doc2.defaultView);
|
|
51691
|
+
win2 = doc2.defaultView;
|
|
51667
51692
|
} else {
|
|
51668
51693
|
opts.destroyWindow = true;
|
|
51669
51694
|
opts.destroyDocument = false;
|
|
51670
51695
|
win2 = new MockWindow(false);
|
|
51671
51696
|
}
|
|
51672
|
-
if (win2.document !==
|
|
51673
|
-
win2.document =
|
|
51697
|
+
if (win2.document !== doc2) {
|
|
51698
|
+
win2.document = doc2;
|
|
51674
51699
|
}
|
|
51675
|
-
if (
|
|
51676
|
-
|
|
51700
|
+
if (doc2.defaultView !== win2) {
|
|
51701
|
+
doc2.defaultView = win2;
|
|
51677
51702
|
}
|
|
51678
|
-
const HTMLElement2 =
|
|
51703
|
+
const HTMLElement2 = doc2.documentElement.constructor.prototype;
|
|
51679
51704
|
if (typeof HTMLElement2.getRootNode !== "function") {
|
|
51680
|
-
const elm =
|
|
51705
|
+
const elm = doc2.createElement("unknown-element");
|
|
51681
51706
|
const HTMLUnknownElement = elm.constructor.prototype;
|
|
51682
51707
|
HTMLUnknownElement.getRootNode = getRootNode;
|
|
51683
51708
|
}
|
|
51684
|
-
if (typeof
|
|
51685
|
-
const CustomEvent2 =
|
|
51709
|
+
if (typeof doc2.createEvent === "function") {
|
|
51710
|
+
const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
|
|
51686
51711
|
if (win2.CustomEvent !== CustomEvent2) {
|
|
51687
51712
|
win2.CustomEvent = CustomEvent2;
|
|
51688
51713
|
}
|
|
51689
51714
|
}
|
|
51690
51715
|
try {
|
|
51691
|
-
win2.__stencil_baseURI =
|
|
51716
|
+
win2.__stencil_baseURI = doc2.baseURI;
|
|
51692
51717
|
} catch (e) {
|
|
51693
|
-
Object.defineProperty(
|
|
51718
|
+
Object.defineProperty(doc2, "baseURI", {
|
|
51694
51719
|
get() {
|
|
51695
|
-
const baseElm =
|
|
51720
|
+
const baseElm = doc2.querySelector("base[href]");
|
|
51696
51721
|
if (baseElm) {
|
|
51697
51722
|
return new URL(baseElm.getAttribute("href"), win2.location.href).href;
|
|
51698
51723
|
}
|
|
@@ -51903,7 +51928,7 @@ var docData = {
|
|
|
51903
51928
|
rootLevelIds: 0,
|
|
51904
51929
|
staticComponents: /* @__PURE__ */ new Set()
|
|
51905
51930
|
};
|
|
51906
|
-
function initializeWindow(win2,
|
|
51931
|
+
function initializeWindow(win2, doc2, opts, results) {
|
|
51907
51932
|
if (typeof opts.url === "string") {
|
|
51908
51933
|
try {
|
|
51909
51934
|
win2.location.href = opts.url;
|
|
@@ -51918,31 +51943,31 @@ function initializeWindow(win2, doc, opts, results) {
|
|
|
51918
51943
|
}
|
|
51919
51944
|
if (typeof opts.cookie === "string") {
|
|
51920
51945
|
try {
|
|
51921
|
-
|
|
51946
|
+
doc2.cookie = opts.cookie;
|
|
51922
51947
|
} catch (e) {
|
|
51923
51948
|
}
|
|
51924
51949
|
}
|
|
51925
51950
|
if (typeof opts.referrer === "string") {
|
|
51926
51951
|
try {
|
|
51927
|
-
|
|
51952
|
+
doc2.referrer = opts.referrer;
|
|
51928
51953
|
} catch (e) {
|
|
51929
51954
|
}
|
|
51930
51955
|
}
|
|
51931
51956
|
if (typeof opts.direction === "string") {
|
|
51932
51957
|
try {
|
|
51933
|
-
|
|
51958
|
+
doc2.documentElement.setAttribute("dir", opts.direction);
|
|
51934
51959
|
} catch (e) {
|
|
51935
51960
|
}
|
|
51936
51961
|
}
|
|
51937
51962
|
if (typeof opts.language === "string") {
|
|
51938
51963
|
try {
|
|
51939
|
-
|
|
51964
|
+
doc2.documentElement.setAttribute("lang", opts.language);
|
|
51940
51965
|
} catch (e) {
|
|
51941
51966
|
}
|
|
51942
51967
|
}
|
|
51943
51968
|
if (typeof opts.buildId === "string") {
|
|
51944
51969
|
try {
|
|
51945
|
-
|
|
51970
|
+
doc2.documentElement.setAttribute("data-stencil-build", opts.buildId);
|
|
51946
51971
|
} catch (e) {
|
|
51947
51972
|
}
|
|
51948
51973
|
}
|
|
@@ -51954,7 +51979,7 @@ function initializeWindow(win2, doc, opts, results) {
|
|
|
51954
51979
|
constrainTimeouts(win2);
|
|
51955
51980
|
}
|
|
51956
51981
|
runtimeLogging(win2, opts, results);
|
|
51957
|
-
|
|
51982
|
+
doc2[STENCIL_DOC_DATA] = docData;
|
|
51958
51983
|
return win2;
|
|
51959
51984
|
}
|
|
51960
51985
|
|
|
@@ -51972,18 +51997,18 @@ function renderToString(html, options, asStream) {
|
|
|
51972
51997
|
opts.constrainTimeouts = false;
|
|
51973
51998
|
return hydrateDocument(html, opts, asStream);
|
|
51974
51999
|
}
|
|
51975
|
-
function hydrateDocument(
|
|
52000
|
+
function hydrateDocument(doc2, options, asStream) {
|
|
51976
52001
|
const opts = normalizeHydrateOptions(options);
|
|
51977
52002
|
let win2 = null;
|
|
51978
52003
|
const results = generateHydrateResults(opts);
|
|
51979
52004
|
if (hasError(results.diagnostics)) {
|
|
51980
52005
|
return Promise.resolve(results);
|
|
51981
52006
|
}
|
|
51982
|
-
if (typeof
|
|
52007
|
+
if (typeof doc2 === "string") {
|
|
51983
52008
|
try {
|
|
51984
52009
|
opts.destroyWindow = true;
|
|
51985
52010
|
opts.destroyDocument = true;
|
|
51986
|
-
win2 = new MockWindow(
|
|
52011
|
+
win2 = new MockWindow(doc2);
|
|
51987
52012
|
if (!asStream) {
|
|
51988
52013
|
return render(win2, opts, results).then(() => results);
|
|
51989
52014
|
}
|
|
@@ -51997,10 +52022,10 @@ function hydrateDocument(doc, options, asStream) {
|
|
|
51997
52022
|
return Promise.resolve(results);
|
|
51998
52023
|
}
|
|
51999
52024
|
}
|
|
52000
|
-
if (isValidDocument(
|
|
52025
|
+
if (isValidDocument(doc2)) {
|
|
52001
52026
|
try {
|
|
52002
52027
|
opts.destroyDocument = false;
|
|
52003
|
-
win2 = patchDomImplementation(
|
|
52028
|
+
win2 = patchDomImplementation(doc2, opts);
|
|
52004
52029
|
if (!asStream) {
|
|
52005
52030
|
return render(win2, opts, results).then(() => results);
|
|
52006
52031
|
}
|
|
@@ -52057,41 +52082,41 @@ async function afterHydrate(win2, opts, results, resolve) {
|
|
|
52057
52082
|
return resolve(finalizeHydrate(win2, win2.document, opts, results));
|
|
52058
52083
|
}
|
|
52059
52084
|
}
|
|
52060
|
-
function finalizeHydrate(win2,
|
|
52085
|
+
function finalizeHydrate(win2, doc2, opts, results) {
|
|
52061
52086
|
try {
|
|
52062
|
-
inspectElement(results,
|
|
52087
|
+
inspectElement(results, doc2.documentElement, 0);
|
|
52063
52088
|
if (opts.removeUnusedStyles !== false) {
|
|
52064
52089
|
try {
|
|
52065
|
-
removeUnusedStyles(
|
|
52090
|
+
removeUnusedStyles(doc2, results.diagnostics);
|
|
52066
52091
|
} catch (e) {
|
|
52067
52092
|
renderCatchError(results, e);
|
|
52068
52093
|
}
|
|
52069
52094
|
}
|
|
52070
52095
|
if (typeof opts.title === "string") {
|
|
52071
52096
|
try {
|
|
52072
|
-
|
|
52097
|
+
doc2.title = opts.title;
|
|
52073
52098
|
} catch (e) {
|
|
52074
52099
|
renderCatchError(results, e);
|
|
52075
52100
|
}
|
|
52076
52101
|
}
|
|
52077
|
-
results.title =
|
|
52102
|
+
results.title = doc2.title;
|
|
52078
52103
|
if (opts.removeScripts) {
|
|
52079
|
-
removeScripts(
|
|
52104
|
+
removeScripts(doc2.documentElement);
|
|
52080
52105
|
}
|
|
52081
52106
|
try {
|
|
52082
|
-
updateCanonicalLink(
|
|
52107
|
+
updateCanonicalLink(doc2, opts.canonicalUrl);
|
|
52083
52108
|
} catch (e) {
|
|
52084
52109
|
renderCatchError(results, e);
|
|
52085
52110
|
}
|
|
52086
52111
|
try {
|
|
52087
|
-
relocateMetaCharset(
|
|
52112
|
+
relocateMetaCharset(doc2);
|
|
52088
52113
|
} catch (e) {
|
|
52089
52114
|
}
|
|
52090
52115
|
if (!hasError(results.diagnostics)) {
|
|
52091
52116
|
results.httpStatus = 200;
|
|
52092
52117
|
}
|
|
52093
52118
|
try {
|
|
52094
|
-
const metaStatus =
|
|
52119
|
+
const metaStatus = doc2.head.querySelector('meta[http-equiv="status"]');
|
|
52095
52120
|
if (metaStatus != null) {
|
|
52096
52121
|
const metaStatusContent = metaStatus.getAttribute("content");
|
|
52097
52122
|
if (metaStatusContent && metaStatusContent.length > 0) {
|
|
@@ -52101,25 +52126,25 @@ function finalizeHydrate(win2, doc, opts, results) {
|
|
|
52101
52126
|
} catch (e) {
|
|
52102
52127
|
}
|
|
52103
52128
|
if (opts.clientHydrateAnnotations) {
|
|
52104
|
-
|
|
52129
|
+
doc2.documentElement.classList.add("hydrated");
|
|
52105
52130
|
}
|
|
52106
52131
|
if (opts.serializeToHtml) {
|
|
52107
|
-
results.html = serializeDocumentToString(
|
|
52132
|
+
results.html = serializeDocumentToString(doc2, opts);
|
|
52108
52133
|
}
|
|
52109
52134
|
} catch (e) {
|
|
52110
52135
|
renderCatchError(results, e);
|
|
52111
52136
|
}
|
|
52112
|
-
destroyWindow(win2,
|
|
52137
|
+
destroyWindow(win2, doc2, opts, results);
|
|
52113
52138
|
return results;
|
|
52114
52139
|
}
|
|
52115
|
-
function destroyWindow(win2,
|
|
52140
|
+
function destroyWindow(win2, doc2, opts, results) {
|
|
52116
52141
|
if (!opts.destroyWindow) {
|
|
52117
52142
|
return;
|
|
52118
52143
|
}
|
|
52119
52144
|
try {
|
|
52120
52145
|
if (!opts.destroyDocument) {
|
|
52121
52146
|
win2.document = null;
|
|
52122
|
-
|
|
52147
|
+
doc2.defaultView = null;
|
|
52123
52148
|
}
|
|
52124
52149
|
if (win2.close) {
|
|
52125
52150
|
win2.close();
|
|
@@ -52128,8 +52153,8 @@ function destroyWindow(win2, doc, opts, results) {
|
|
|
52128
52153
|
renderCatchError(results, e);
|
|
52129
52154
|
}
|
|
52130
52155
|
}
|
|
52131
|
-
function serializeDocumentToString(
|
|
52132
|
-
return serializeNodeToHtml(
|
|
52156
|
+
function serializeDocumentToString(doc2, opts) {
|
|
52157
|
+
return serializeNodeToHtml(doc2, {
|
|
52133
52158
|
approximateLineWidth: opts.approximateLineWidth,
|
|
52134
52159
|
outerHtml: false,
|
|
52135
52160
|
prettyHtml: opts.prettyHtml,
|
|
@@ -52141,8 +52166,8 @@ function serializeDocumentToString(doc, opts) {
|
|
|
52141
52166
|
fullDocument: opts.fullDocument
|
|
52142
52167
|
});
|
|
52143
52168
|
}
|
|
52144
|
-
function isValidDocument(
|
|
52145
|
-
return
|
|
52169
|
+
function isValidDocument(doc2) {
|
|
52170
|
+
return doc2 != null && doc2.nodeType === 9 && doc2.documentElement != null && doc2.documentElement.nodeType === 1 && doc2.body != null && doc2.body.nodeType === 1;
|
|
52146
52171
|
}
|
|
52147
52172
|
function removeScripts(elm) {
|
|
52148
52173
|
const children = elm.children;
|