@roadtrip/components 3.46.0 → 3.47.1

package/dist/roadtrip/{p-f30f96c2.entry.js → p-a1101905.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as a,H as o,a as t}from"./p-d7aae05d.js";import{a as d,d as s,e as n,f as r,g as l}from"./p-55a946f4.js";const c=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:100%;max-height:2.75rem;margin-bottom:2rem}.dialog-close{display:flex;align-items:center;align-self:flex-start;justify-content:center;width:3.5rem;height:3.5rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.dialog-icon{display:inline-block;width:3rem;height:3rem;font-size:var(--road-font-size-48)}.dialog-body{padding:0 1.5rem;text-align:center}@media (min-width: 768px){.dialog-body{padding:0 3rem}}.dialog-title{padding:0;margin:0 0 1rem;font-size:var(--road-body-medium);font-weight:700;line-height:1.2}.dialog-description{margin:0 0 0.5rem;overflow:auto;font-size:var(--road-body-medium)}.dialog-footer{display:flex;justify-content:center;padding:0 1.5rem}.dialog-footer ::slotted(road-button){margin-top:1rem}.dialog-footer .btn{min-width:130px;max-width:calc(50% - 0.5rem)}";const h=c;const f=class{constructor(a){e(this,a);this.onClose=i(this,"close",7);this.isOpen=false;this.hasCloseIcon=true;this.color="info";this.onClick=e=>{e.stopPropagation();e.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(e){if((e.key==="Escape"||e.key==="Esc")&&this.isOpen&&this.hasCloseIcon){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((e=>{e.addEventListener("click",(()=>this.close()))}))}render(){const e=this.isOpen?"dialog-open":"";const i=this.hasCloseIcon?"dialog-has-close":"";let t;if(this.icon){t=this.icon}else{switch(this.color){case"info":t=s;break;case"success":t=l;break;case"warning":t=r;break;case"danger":t=n;break;default:t=s;break}}return a(o,{key:"e2ee13cb0fd6330b23224504c717efe8c68df097",class:`dialog ${e} ${i}`,role:"alertdialog","aria-modal":"true",tabindex:"-1","aria-label":"dialogLabel"},a("div",{key:"c5f3ecaae31debea9afe6a712308520cd092fc23",class:"dialog-overlay",onClick:this.hasCloseIcon===true?this.onClick:undefined,tabindex:"-1"}),a("div",{key:"b28e1225a56208c8ff7891856a49b171bf09f88b",class:"dialog-modal",role:"document",tabindex:"0"},a("div",{key:"d799e1b00205d54e96e52f2e95b63e4c4327db2f",class:"dialog-content"},a("header",{key:"a3d16ae59ee42a9a61f4849c779dbf2f2a8066c9",class:"dialog-header"},this.hasCloseIcon?a("button",{type:"button",class:"dialog-close",onClick:this.onClick,"aria-label":"Close"},a("road-icon",{icon:d,"aria-hidden":"true"})):""),a("div",{key:"fadeb8d0776e92809c1f4fdda9d24fe325640103",class:"dialog-body"},this.color!==undefined?a("road-icon",{class:"dialog-icon",part:"dialog-icon",color:this.color,icon:t,"aria-hidden":"true"}):"",a("h2",{key:"06cbf8264b6336cb98b19e7bda1a80fb7d7a9271",class:"dialog-title"},this.label),a("p",{key:"f82e151b413764289e3d430b76d987a8eaa1d7b3",class:"dialog-description",id:"dialogDesc"},this.description)),a("footer",{key:"cbc9e71ad7aed7eab7bca5d9818dcbceb3cbcce2",class:"dialog-footer"},a("slot",{key:"41d4e4dd47ecf92e96396316e27ff8218ced5f2c"})))))}get el(){return t(this)}};f.style=h;export{f as road_dialog};
-//# sourceMappingURL=p-f30f96c2.entry.js.map
+import{r as a,c as i,h as e,H as o,a as t}from"./p-d7aae05d.js";import{a as d,d as s,e as n,f as r,g as l}from"./p-55a946f4.js";const c=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:100%;max-height:2.75rem;margin-bottom:2rem}.dialog-close{display:flex;align-items:center;align-self:flex-start;justify-content:center;width:3.5rem;height:3.5rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.dialog-icon{display:inline-block;width:3rem;height:3rem;font-size:var(--road-font-size-48)}.dialog-body{padding:0 1.5rem;text-align:center}@media (min-width: 768px){.dialog-body{padding:0 3rem}}.dialog-title{padding:0;margin:0 0 1rem;font-size:var(--road-body-medium);font-weight:700;line-height:1.2}.dialog-description{margin:0 0 0.5rem;overflow:auto;font-size:var(--road-body-medium)}.dialog-footer{display:flex;justify-content:center;padding:0 1.5rem}.dialog-footer ::slotted(road-button){margin-top:1rem}.dialog-footer .btn{min-width:130px;max-width:calc(50% - 0.5rem)}";const h=c;const g=class{constructor(e){a(this,e);this.onClose=i(this,"close",7);this.isOpen=false;this.hasCloseIcon=true;this.color="info";this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if((a.key==="Escape"||a.key==="Esc")&&this.isOpen&&this.hasCloseIcon){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.isOpen?"dialog-open":"";const i=this.hasCloseIcon?"dialog-has-close":"";let t;if(this.icon){t=this.icon}else{switch(this.color){case"info":t=s;break;case"success":t=l;break;case"warning":t=r;break;case"danger":t=n;break;default:t=s;break}}return e(o,{key:"81a8f90ed4049e3485a6ab736accc9fec67d7594",class:`dialog ${a} ${i}`,role:"alertdialog","aria-modal":"true",tabindex:"-1","aria-label":"dialogLabel"},e("div",{key:"b3225223c0bca4133cf60a748903c1b3011b8760",class:"dialog-overlay",onClick:this.hasCloseIcon===true?this.onClick:undefined,tabindex:"-1"}),e("div",{key:"1488377ca21798d95a54384268a0d365ba54b8ff",class:"dialog-modal",role:"document",tabindex:"0"},e("div",{key:"3ed4499f0462bedb809118f5ba134930cdd3f0fe",class:"dialog-content"},e("header",{key:"9179af253c0babbbd378200dc0b6e53a54421fbd",class:"dialog-header"},this.hasCloseIcon?e("button",{type:"button",class:"dialog-close",onClick:this.onClick,"aria-label":"Close"},e("road-icon",{icon:d,"aria-hidden":"true"})):""),e("div",{key:"5c1f4459f65cf0864a4bf257bef0f6682a9ae2c4",class:"dialog-body"},this.color!==undefined?e("road-icon",{class:"dialog-icon",part:"dialog-icon",color:this.color,icon:t,"aria-hidden":"true"}):"",e("h2",{key:"ff143f65b583d0aeed73ea249c5091b8c9e5d64c",class:"dialog-title"},this.label),e("p",{key:"f404363a6ba5af84300d506b391d986dcd87080a",class:"dialog-description",id:"dialogDesc"},this.description)),e("footer",{key:"50947ca23bb9e9bd5a71c9c48a793f79e3096c89",class:"dialog-footer"},e("slot",{key:"87bcb8232aaba76e3ea703777d67abe220980ed1"})))))}get el(){return t(this)}};g.style=h;export{g as road_dialog};
+//# sourceMappingURL=p-a1101905.entry.js.map

package/dist/roadtrip/{p-395b9785.entry.js → p-ac64606d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,a}from"./p-d7aae05d.js";const n=":host{position:relative;display:block}";const r=n;const o=class{constructor(i){t(this,i);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;const s=this.el.querySelector("road-tab-bar");const i=s?s.getAttribute("selected-tab"):null;if(t.length>0){if(i){const s=t.find((t=>t.tab===i));if(s){await this.select(s)}else{await this.select(t[0])}}else{await this.select(t[0])}}}componentWillRender(){const t=this.el.querySelector("road-tab-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return i(e,{key:"27ab87f41f3d6751434e8d6a2631cbe82d0a0cbc",onRoadTabButtonClick:this.onTabClicked},i("slot",{key:"bbb551131576e4eee16b94217507c31c2c60a6be",name:"top"}),i("div",{key:"f8b534238faee2fc29784b7e1725b15191349838",class:"tabs-inner"},i("slot",{key:"a7314be1ed2375a652afab28df2c3bb0e5a154f2"})))}get el(){return a(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};o.style=r;export{o as road_tabs};
-//# sourceMappingURL=p-395b9785.entry.js.map
+import{r as t,c as s,h as i,H as e,a}from"./p-d7aae05d.js";const n=":host{position:relative;display:block}";const r=n;const o=class{constructor(i){t(this,i);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;const s=this.el.querySelector("road-tab-bar");const i=s?s.getAttribute("selected-tab"):null;if(t.length>0){if(i){const s=t.find((t=>t.tab===i));if(s){await this.select(s)}else{await this.select(t[0])}}else{await this.select(t[0])}}}componentWillRender(){const t=this.el.querySelector("road-tab-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return i(e,{key:"09627e578a4f116e875445939739ffb334429c05",onRoadTabButtonClick:this.onTabClicked},i("slot",{key:"ffe9f5b8d3ac85e47a16650254e94376a59376de",name:"top"}),i("div",{key:"1443f709510efff63fdb972db851916406321ac5",class:"tabs-inner"},i("slot",{key:"ce206df02b9e5e4933bf1dde5447313cb2ecd900"})))}get el(){return a(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};o.style=r;export{o as road_tabs};
+//# sourceMappingURL=p-ac64606d.entry.js.map