@roadtrip/components 2.33.0 → 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/road-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
  4. package/dist/cjs/road-chip.cjs.entry.js +1 -1
  5. package/dist/cjs/road-counter.cjs.entry.js +1 -1
  6. package/dist/cjs/road-flap.cjs.entry.js +1 -1
  7. package/dist/cjs/road-input.cjs.entry.js +1 -1
  8. package/dist/cjs/road-plate-number.cjs.entry.js +1 -1
  9. package/dist/cjs/road-progress.cjs.entry.js +1 -1
  10. package/dist/cjs/road-radio.cjs.entry.js +1 -1
  11. package/dist/cjs/road-select.cjs.entry.js +1 -1
  12. package/dist/cjs/road-tab-bar.cjs.entry.js +7 -2
  13. package/dist/cjs/road-tab-button.cjs.entry.js +1 -1
  14. package/dist/cjs/road-textarea.cjs.entry.js +1 -1
  15. package/dist/cjs/roadtrip.cjs.js +1 -1
  16. package/dist/collection/components/accordion/accordion.css +1 -1
  17. package/dist/collection/components/checkbox/checkbox.css +1 -1
  18. package/dist/collection/components/chip/chip.css +1 -1
  19. package/dist/collection/components/counter/counter.css +1 -1
  20. package/dist/collection/components/flap/flap.css +3 -3
  21. package/dist/collection/components/input/input.css +1 -1
  22. package/dist/collection/components/plate-number/plate-number.css +1 -1
  23. package/dist/collection/components/progress/progress.css +1 -1
  24. package/dist/collection/components/radio/radio.css +1 -1
  25. package/dist/collection/components/select/select.css +1 -1
  26. package/dist/collection/components/tab-bar/tab-bar.css +5 -2
  27. package/dist/collection/components/tab-bar/tab-bar.js +24 -1
  28. package/dist/collection/components/tab-button/tab-button.css +4 -1
  29. package/dist/collection/components/tabs/tabs.stories.js +20 -0
  30. package/dist/collection/components/textarea/textarea.css +1 -1
  31. package/dist/esm/loader.js +1 -1
  32. package/dist/esm/road-accordion.entry.js +1 -1
  33. package/dist/esm/road-checkbox.entry.js +1 -1
  34. package/dist/esm/road-chip.entry.js +1 -1
  35. package/dist/esm/road-counter.entry.js +1 -1
  36. package/dist/esm/road-flap.entry.js +1 -1
  37. package/dist/esm/road-input.entry.js +1 -1
  38. package/dist/esm/road-plate-number.entry.js +1 -1
  39. package/dist/esm/road-progress.entry.js +1 -1
  40. package/dist/esm/road-radio.entry.js +1 -1
  41. package/dist/esm/road-select.entry.js +1 -1
  42. package/dist/esm/road-tab-bar.entry.js +7 -2
  43. package/dist/esm/road-tab-button.entry.js +1 -1
  44. package/dist/esm/road-textarea.entry.js +1 -1
  45. package/dist/esm/roadtrip.js +1 -1
  46. package/dist/esm-es5/loader.js +1 -1
  47. package/dist/esm-es5/road-accordion.entry.js +1 -1
  48. package/dist/esm-es5/road-checkbox.entry.js +1 -1
  49. package/dist/esm-es5/road-chip.entry.js +1 -1
  50. package/dist/esm-es5/road-counter.entry.js +1 -1
  51. package/dist/esm-es5/road-flap.entry.js +1 -1
  52. package/dist/esm-es5/road-input.entry.js +1 -1
  53. package/dist/esm-es5/road-plate-number.entry.js +1 -1
  54. package/dist/esm-es5/road-progress.entry.js +1 -1
  55. package/dist/esm-es5/road-radio.entry.js +1 -1
  56. package/dist/esm-es5/road-select.entry.js +1 -1
  57. package/dist/esm-es5/road-tab-bar.entry.js +1 -1
  58. package/dist/esm-es5/road-tab-button.entry.js +1 -1
  59. package/dist/esm-es5/road-textarea.entry.js +1 -1
  60. package/dist/esm-es5/roadtrip.js +1 -1
  61. package/dist/html.html-data.json +4 -0
  62. package/dist/roadtrip/{p-60a231f2.entry.js → p-0a023a8e.entry.js} +1 -1
  63. package/dist/roadtrip/{p-d2abc502.entry.js → p-18b92976.entry.js} +1 -1
  64. package/dist/roadtrip/p-21acc566.entry.js +1 -0
  65. package/dist/roadtrip/{p-cf8e3ef1.system.entry.js → p-23fe1a37.system.entry.js} +1 -1
  66. package/dist/roadtrip/{p-901f096c.system.entry.js → p-390763a2.system.entry.js} +1 -1
  67. package/dist/roadtrip/{p-f4db19df.system.entry.js → p-426b4a25.system.entry.js} +1 -1
  68. package/dist/roadtrip/{p-965854c1.system.entry.js → p-48e90aab.system.entry.js} +1 -1
  69. package/dist/roadtrip/p-49737747.entry.js +1 -0
  70. package/dist/roadtrip/{p-66cba998.system.entry.js → p-50ced723.system.entry.js} +1 -1
  71. package/dist/roadtrip/{p-c2784d92.system.entry.js → p-57e46bbc.system.entry.js} +1 -1
  72. package/dist/roadtrip/{p-079d6251.system.entry.js → p-720b3086.system.entry.js} +1 -1
  73. package/dist/roadtrip/{p-296d96ea.system.entry.js → p-7f2cba6f.system.entry.js} +1 -1
  74. package/dist/roadtrip/{p-2fd27879.entry.js → p-9309300a.entry.js} +1 -1
  75. package/dist/roadtrip/{p-ef0d32f0.entry.js → p-9f41df82.entry.js} +1 -1
  76. package/dist/roadtrip/{p-2384ed2d.entry.js → p-a00ea5b7.entry.js} +1 -1
  77. package/dist/roadtrip/{p-83119815.entry.js → p-a398555e.entry.js} +1 -1
  78. package/dist/roadtrip/p-b205281e.system.js +1 -1
  79. package/dist/roadtrip/{p-2852a37b.system.entry.js → p-ca30e2dd.system.entry.js} +1 -1
  80. package/dist/roadtrip/{p-41c6cea3.system.entry.js → p-d42af23b.system.entry.js} +1 -1
  81. package/dist/roadtrip/{p-50f3a46e.system.entry.js → p-da731a9b.system.entry.js} +1 -1
  82. package/dist/roadtrip/{p-30fb175c.entry.js → p-e135e599.entry.js} +1 -1
  83. package/dist/roadtrip/{p-271fd4fa.entry.js → p-e6b302b0.entry.js} +1 -1
  84. package/dist/roadtrip/{p-3a28129a.entry.js → p-e82b49d1.entry.js} +1 -1
  85. package/dist/roadtrip/{p-5521af81.entry.js → p-ec68af37.entry.js} +1 -1
  86. package/dist/roadtrip/p-ee1e6fe7.system.entry.js +1 -0
  87. package/dist/roadtrip/p-f1bfbd06.system.entry.js +1 -0
  88. package/dist/roadtrip/{p-d59a7db8.entry.js → p-f62f33a9.entry.js} +1 -1
  89. package/dist/roadtrip/roadtrip.css +1 -1
  90. package/dist/roadtrip/roadtrip.esm.js +1 -1
  91. package/dist/types/components/tab-bar/tab-bar.d.ts +4 -0
  92. package/dist/types/components.d.ts +8 -0
  93. package/package.json +1 -1
  94. package/dist/roadtrip/p-4a2eb631.system.entry.js +0 -1
  95. package/dist/roadtrip/p-501abdbf.entry.js +0 -1
  96. package/dist/roadtrip/p-8d6ac188.system.entry.js +0 -1
  97. package/dist/roadtrip/p-fddbca8b.entry.js +0 -1
@@ -1 +1 @@
1
- import{p as e,w as a,d as o,N as r,a as d,b as t}from"./p-33e38a04.js";import"./p-46c22946.js";(()=>{e.o=a.__cssshim;const t=Array.from(o.querySelectorAll("script")).find((e=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===r)),l={};return"onbeforeload"in t&&!history.scrollRestoration?{then(){}}:(l.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,a.location.href)).href,((e,d)=>{const t=`__sc_import_${r.replace(/\s|-/g,"_")}`;try{a[t]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const r=new Map;a[t]=l=>{const i=new URL(l,e).href;let n=r.get(i);if(!n){const e=o.createElement("script");e.type="module",e.crossOrigin=d.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${i}'; window.${t}.m = m;`],{type:"application/javascript"})),n=new Promise((o=>{e.onload=()=>{o(a[t].m),e.remove()}})),r.set(i,n),o.head.appendChild(e)}return n}}})(l.resourcesUrl,t),a.customElements?d(l):__sc_import_roadtrip("./p-ac0761c3.js").then((()=>l)))})().then((e=>t([["p-6b34a9ae",[[1,"road-item",{button:[4],detail:[4],active:[4],detailIcon:[1,"detail-icon"],disabled:[4],download:[1],href:[1],rel:[1],lines:[1],target:[1],type:[1],multipleInputs:[32]}],[1,"road-badge",{color:[1],bubble:[4]}],[1,"road-list",{lines:[1]}],[1,"road-toolbar",{color:[1]}],[33,"road-drawer",{isOpen:[1028,"is-open"],position:[1],drawerWidth:[2,"drawer-width"],hasInverseHeader:[4,"has-inverse-header"],hasBackIcon:[4,"has-back-icon"],backText:[1,"back-text"],drawerTitle:[1,"drawer-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64],back:[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{color:[1],size:[513],buttonType:[1,"button-type"],disabled:[516],expand:[516],download:[1],href:[1],rel:[1],target:[1],outline:[4]}],[1,"road-icon",{color:[1],ariaLabel:[1537,"aria-label"],ariaHidden:[513,"aria-hidden"],name:[1],src:[1],icon:[8],size:[1],rotate:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32]}]]],["p-688e41f2",[[1,"road-duration",{isOpen:[1028,"is-open"],header:[1],min:[2],max:[2],step:[2],open:[64],close:[64]},[[0,"roadcardclick","handleClick"]]]]],["p-271fd4fa",[[2,"road-counter",{inputId:[1,"input-id"],min:[1],max:[1],step:[1],value:[2],size:[1]}]]],["p-ef0d32f0",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["p-60a231f2",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"]}]]],["p-15957ffd",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["p-577b7d92",[[4,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["p-30fb175c",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["p-d2abc502",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["p-78315356",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["p-5437c0af",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-70addecb",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-ac37ba49",[[2,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"]}]]],["p-13ec103d",[[1,"road-rating",{rate:[2],reviews:[2],reviewsText:[1,"reviews-text"]}]]],["p-7e5213b7",[[1,"road-toast",{isOpen:[1028,"is-open"],color:[1],label:[1],timeout:[2],open:[64],close:[64]}]]],["p-2f361b1a",[[1,"road-alert",{color:[1]}]]],["p-303e8e40",[[6,"road-autocomplete",{options:[16],visible:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-382e4c17",[[1,"road-avatar"]]],["p-1347a27e",[[4,"road-carousel-item"]]],["p-42cb57d0",[[1,"road-dropdown",{isOpen:[1028,"is-open"]}]]],["p-3a28129a",[[1,"road-flap",{color:[1],size:[513]}]]],["p-1108fffd",[[1,"road-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]}]]],["p-e18fa251",[[1,"road-navbar",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-896f49f2",[[1,"road-navbar-item",{disabled:[4],download:[1],href:[1],rel:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-d59a7db8",[[1,"road-progress",{value:[2],color:[1]}]]],["p-2384ed2d",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-cab68ba7",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["p-83119815",[[2,"road-select",{selectId:[1,"select-id"],options:[16],autofocus:[4],disabled:[4],name:[1],required:[4],size:[2],sizes:[1],label:[1],error:[1],value:[1032]}]]],["p-aa2d24f6",[[6,"road-select-filter",{options:[16],parameters:[8],isActive:[4,"is-active"],onlySelect:[4,"only-select"],isOpen:[32],currentValue:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-161e83eb",[[1,"road-skeleton"]]],["p-79f030ef",[[1,"road-spinner"]]],["p-19f72337",[[2,"road-switch",{switchId:[1,"switch-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-f0ec3a64",[[1,"road-tab",{active:[1028],tab:[1],setActive:[64]}]]],["p-501abdbf",[[1,"road-tab-bar",{expand:[4],center:[4],selectedTab:[1,"selected-tab"]}]]],["p-fddbca8b",[[1,"road-tab-button",{download:[1],href:[1],rel:[1],layout:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-dbee6661",[[6,"road-table"]]],["p-e6664bbe",[[1,"road-tabs",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-a9538932",[[1,"road-text",{color:[1]}]]],["p-2fd27879",[[2,"road-textarea",{textareaId:[1,"textarea-id"],autocapitalize:[1],autofocus:[4],disabled:[4],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],sizes:[1],readonly:[4],required:[4],spellcheck:[4],cols:[2],rows:[2],wrap:[1],value:[1025],label:[1],error:[1],helper:[1]}]]],["p-af49dca4",[[2,"road-toggle",{toggleId:[1,"toggle-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-e5756d79",[[1,"road-toolbar-title"]]],["p-564a2eac",[[1,"road-tooltip",{tooltipId:[1,"tooltip-id"],content:[1],position:[1],isOpen:[1028,"is-open"],trigger:[1],open:[64],close:[64]}]]],["p-1f1464ba",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]],["p-5521af81",[[2,"road-input",{inputId:[1,"input-id"],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],disabled:[4],enterkeyhint:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],step:[1],size:[2],sizes:[1],type:[1],value:[1032],label:[1],error:[1],helper:[1],debounce:[2]}]]],["p-d2165987",[[1,"road-input-group"]]]],e)));
1
+ import{p as e,w as a,d as o,N as r,a as d,b as t}from"./p-33e38a04.js";import"./p-46c22946.js";(()=>{e.o=a.__cssshim;const t=Array.from(o.querySelectorAll("script")).find((e=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===r)),l={};return"onbeforeload"in t&&!history.scrollRestoration?{then(){}}:(l.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,a.location.href)).href,((e,d)=>{const t=`__sc_import_${r.replace(/\s|-/g,"_")}`;try{a[t]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const r=new Map;a[t]=l=>{const i=new URL(l,e).href;let n=r.get(i);if(!n){const e=o.createElement("script");e.type="module",e.crossOrigin=d.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${i}'; window.${t}.m = m;`],{type:"application/javascript"})),n=new Promise((o=>{e.onload=()=>{o(a[t].m),e.remove()}})),r.set(i,n),o.head.appendChild(e)}return n}}})(l.resourcesUrl,t),a.customElements?d(l):__sc_import_roadtrip("./p-ac0761c3.js").then((()=>l)))})().then((e=>t([["p-6b34a9ae",[[1,"road-item",{button:[4],detail:[4],active:[4],detailIcon:[1,"detail-icon"],disabled:[4],download:[1],href:[1],rel:[1],lines:[1],target:[1],type:[1],multipleInputs:[32]}],[1,"road-badge",{color:[1],bubble:[4]}],[1,"road-list",{lines:[1]}],[1,"road-toolbar",{color:[1]}],[33,"road-drawer",{isOpen:[1028,"is-open"],position:[1],drawerWidth:[2,"drawer-width"],hasInverseHeader:[4,"has-inverse-header"],hasBackIcon:[4,"has-back-icon"],backText:[1,"back-text"],drawerTitle:[1,"drawer-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64],back:[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{color:[1],size:[513],buttonType:[1,"button-type"],disabled:[516],expand:[516],download:[1],href:[1],rel:[1],target:[1],outline:[4]}],[1,"road-icon",{color:[1],ariaLabel:[1537,"aria-label"],ariaHidden:[513,"aria-hidden"],name:[1],src:[1],icon:[8],size:[1],rotate:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32]}]]],["p-688e41f2",[[1,"road-duration",{isOpen:[1028,"is-open"],header:[1],min:[2],max:[2],step:[2],open:[64],close:[64]},[[0,"roadcardclick","handleClick"]]]]],["p-e6b302b0",[[2,"road-counter",{inputId:[1,"input-id"],min:[1],max:[1],step:[1],value:[2],size:[1]}]]],["p-9f41df82",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["p-0a023a8e",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"]}]]],["p-15957ffd",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["p-577b7d92",[[4,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["p-e135e599",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["p-18b92976",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["p-78315356",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["p-5437c0af",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-70addecb",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-ac37ba49",[[2,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"]}]]],["p-13ec103d",[[1,"road-rating",{rate:[2],reviews:[2],reviewsText:[1,"reviews-text"]}]]],["p-7e5213b7",[[1,"road-toast",{isOpen:[1028,"is-open"],color:[1],label:[1],timeout:[2],open:[64],close:[64]}]]],["p-2f361b1a",[[1,"road-alert",{color:[1]}]]],["p-303e8e40",[[6,"road-autocomplete",{options:[16],visible:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-382e4c17",[[1,"road-avatar"]]],["p-1347a27e",[[4,"road-carousel-item"]]],["p-42cb57d0",[[1,"road-dropdown",{isOpen:[1028,"is-open"]}]]],["p-e82b49d1",[[1,"road-flap",{color:[1],size:[513]}]]],["p-1108fffd",[[1,"road-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]}]]],["p-e18fa251",[[1,"road-navbar",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-896f49f2",[[1,"road-navbar-item",{disabled:[4],download:[1],href:[1],rel:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-f62f33a9",[[1,"road-progress",{value:[2],color:[1]}]]],["p-a00ea5b7",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-cab68ba7",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["p-a398555e",[[2,"road-select",{selectId:[1,"select-id"],options:[16],autofocus:[4],disabled:[4],name:[1],required:[4],size:[2],sizes:[1],label:[1],error:[1],value:[1032]}]]],["p-aa2d24f6",[[6,"road-select-filter",{options:[16],parameters:[8],isActive:[4,"is-active"],onlySelect:[4,"only-select"],isOpen:[32],currentValue:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-161e83eb",[[1,"road-skeleton"]]],["p-79f030ef",[[1,"road-spinner"]]],["p-19f72337",[[2,"road-switch",{switchId:[1,"switch-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-f0ec3a64",[[1,"road-tab",{active:[1028],tab:[1],setActive:[64]}]]],["p-21acc566",[[1,"road-tab-bar",{secondary:[4],expand:[4],center:[4],selectedTab:[1,"selected-tab"]}]]],["p-49737747",[[1,"road-tab-button",{download:[1],href:[1],rel:[1],layout:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-dbee6661",[[6,"road-table"]]],["p-e6664bbe",[[1,"road-tabs",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-a9538932",[[1,"road-text",{color:[1]}]]],["p-9309300a",[[2,"road-textarea",{textareaId:[1,"textarea-id"],autocapitalize:[1],autofocus:[4],disabled:[4],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],sizes:[1],readonly:[4],required:[4],spellcheck:[4],cols:[2],rows:[2],wrap:[1],value:[1025],label:[1],error:[1],helper:[1]}]]],["p-af49dca4",[[2,"road-toggle",{toggleId:[1,"toggle-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-e5756d79",[[1,"road-toolbar-title"]]],["p-564a2eac",[[1,"road-tooltip",{tooltipId:[1,"tooltip-id"],content:[1],position:[1],isOpen:[1028,"is-open"],trigger:[1],open:[64],close:[64]}]]],["p-1f1464ba",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]],["p-ec68af37",[[2,"road-input",{inputId:[1,"input-id"],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],disabled:[4],enterkeyhint:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],step:[1],size:[2],sizes:[1],type:[1],value:[1032],label:[1],error:[1],helper:[1],debounce:[2]}]]],["p-d2165987",[[1,"road-input-group"]]]],e)));
@@ -5,6 +5,10 @@ import './../../utils/polyfill';
5
5
  */
6
6
  export declare class TabBar {
7
7
  el: HTMLRoadTabBarElement;
8
+ /**
9
+ * The color to use the color Secondary from your application's color palette.
10
+ */
11
+ secondary: boolean;
8
12
  /**
9
13
  * Set to `true` to expand buttons width to take the full size of the bar.
10
14
  */
@@ -1058,6 +1058,10 @@ export namespace Components {
1058
1058
  * Set to `true` to expand buttons width to take the full size of the bar.
1059
1059
  */
1060
1060
  "expand": boolean;
1061
+ /**
1062
+ * The color to use the color Secondary from your application's color palette.
1063
+ */
1064
+ "secondary": boolean;
1061
1065
  /**
1062
1066
  * The selected tab component
1063
1067
  */
@@ -2882,6 +2886,10 @@ declare namespace LocalJSX {
2882
2886
  * Set to `true` to expand buttons width to take the full size of the bar.
2883
2887
  */
2884
2888
  "expand"?: boolean;
2889
+ /**
2890
+ * The color to use the color Secondary from your application's color palette.
2891
+ */
2892
+ "secondary"?: boolean;
2885
2893
  /**
2886
2894
  * The selected tab component
2887
2895
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@roadtrip/components",
3
- "version": "2.33.0",
3
+ "version": "2.34.0",
4
4
  "description": "Web Component library for Roadtrip Design System",
5
5
  "license": "Apache-2.0",
6
6
  "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -1 +0,0 @@
1
- System.register(["./p-f33e4ac5.system.js","./p-ffbbba64.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.e},function(){}],execute:function(){var s=":host{--tab-bar-background:var(--road-grey-000);--tab-color:var(--road-grey-600);--tab-color-selected:var(--road-grey-900);--tab-underline-selected:var(--road-primary-500);--tab-background:var(--road-grey-000);--tab-background-hover:var(--road-grey-100);--tab-background-focused:var(--road-grey-300);display:-ms-flexbox;display:flex;width:100%;padding:0 0.5rem;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-grey-300);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){-ms-flex-positive:1;flex-grow:1}:host(.tab-center){-ms-flex-pack:center;justify-content:center}";var d=e("road_tab_bar",function(){function e(e){t(this,e);this.roadtabbarchanged=r(this,"roadtabbarchanged",7);this.roadTabBarChanged=r(this,"roadTabBarChanged",7);this.expand=false;this.center=false}e.prototype.selectedTabChanged=function(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}};e.prototype.componentWillLoad=function(){this.selectedTabChanged()};e.prototype.render=function(){var e=this,t=e.expand,r=e.center;return a(o,{role:"tablist",class:{"tab-expand":t,"tab-center":r}},a("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"]}},enumerable:false,configurable:true});return e}());d.style=s}}}));
@@ -1 +0,0 @@
1
- import{r,c as a,h as t,H as e,e as o}from"./p-33e38a04.js";import"./p-12fd8791.js";let s=class{constructor(t){r(this,t),this.roadtabbarchanged=a(this,"roadtabbarchanged",7),this.roadTabBarChanged=a(this,"roadTabBarChanged",7),this.expand=!1,this.center=!1}selectedTabChanged(){void 0!==this.selectedTab&&(this.roadtabbarchanged.emit({tab:this.selectedTab}),this.roadTabBarChanged.emit({tab:this.selectedTab}))}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:r,center:a}=this;return t(e,{role:"tablist",class:{"tab-expand":r,"tab-center":a}},t("slot",null))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};s.style=":host{--tab-bar-background:var(--road-grey-000);--tab-color:var(--road-grey-600);--tab-color-selected:var(--road-grey-900);--tab-underline-selected:var(--road-primary-500);--tab-background:var(--road-grey-000);--tab-background-hover:var(--road-grey-100);--tab-background-focused:var(--road-grey-300);display:-ms-flexbox;display:flex;width:100%;padding:0 0.5rem;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-grey-300);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){-ms-flex-positive:1;flex-grow:1}:host(.tab-center){-ms-flex-pack:center;justify-content:center}";export{s as road_tab_bar}
@@ -1 +0,0 @@
1
- System.register(["./p-f33e4ac5.system.js"],(function(t){"use strict";var e,i,r,n,o;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;o=t.e}],execute:function(){var a=':host{-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{background:var(--tab-underline-selected);opacity:1;-webkit-transform:none;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused)}.button-native{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;-o-border-image:initial;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:"";opacity:0;-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center}.button-inner{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{-ms-flex-direction:column;flex-direction:column}:host ::slotted(road-label){font-size:1rem}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';var s=t("road_tab_button",function(){function t(t){var r=this;e(this,t);this.roadtabbuttonclick=i(this,"roadtabbuttonclick",7);this.roadTabButtonClick=i(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.onKeyUp=function(t){if(t.key==="Enter"||t.key===" "){r.selectTab(t)}};this.onClick=function(t){r.selectTab(t)}}t.prototype.onTabBarChanged=function(t){var e=t.target;var i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}};t.prototype.selectTab=function(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}};Object.defineProperty(t.prototype,"hasLabel",{get:function(){return!!this.el.querySelector("road-label")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasIcon",{get:function(){return!!this.el.querySelector("road-icon")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabIndex",{get:function(){var t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0},enumerable:false,configurable:true});t.prototype.render=function(){var t;var e=this,i=e.hasIcon,o=e.hasLabel,a=e.tabIndex,s=e.href,l=e.rel,b=e.target,c=e.layout,d=e.selected,h=e.tab;var u={download:this.download,href:s,rel:l,target:b};return r(n,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:a,"aria-selected":d?"true":null,id:h!==undefined?"tab-button-"+h:null,class:(t={"tab-selected":d,"tab-has-label":o,"tab-has-icon":i,"tab-has-label-only":o&&!i,"tab-has-icon-only":i&&!o},t["tab-layout-"+c]=true,t)},r("a",Object.assign({},u,{tabIndex:-1,class:"button-native",part:"native"}),r("span",{class:"button-inner"},r("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as o,e as r}from"./p-33e38a04.js";let n=class{constructor(i){t(this,i),this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7),this.roadTabButtonClick=e(this,"roadTabButtonClick",7),this.layout="icon-start",this.selected=!1,this.onKeyUp=t=>{"Enter"!==t.key&&" "!==t.key||this.selectTab(t)},this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target,i=this.el.parentElement;(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el))&&(this.selected=this.tab===t.detail.tab)}selectTab(t){void 0!==this.tab&&(this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected}),this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected}),t.preventDefault())}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){return this.el.hasAttribute("tabindex")?this.el.getAttribute("tabindex"):0}render(){const{hasIcon:t,hasLabel:e,tabIndex:r,href:n,rel:a,target:s,layout:l,selected:b,tab:h}=this;return i(o,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:r,"aria-selected":b?"true":null,id:void 0!==h?`tab-button-${h}`:null,class:{"tab-selected":b,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:!0}},i("a",Object.assign({},{download:this.download,href:n,rel:a,target:s},{tabIndex:-1,class:"button-native",part:"native"}),i("span",{class:"button-inner"},i("slot",null))))}get el(){return r(this)}};n.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{background:var(--tab-underline-selected);opacity:1;-webkit-transform:none;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused)}.button-native{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;-o-border-image:initial;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:"";opacity:0;-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center}.button-inner{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{-ms-flex-direction:column;flex-direction:column}:host ::slotted(road-label){font-size:1rem}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';export{n as road_tab_button}