@roadtrip/components 3.45.0 → 3.45.1

package/dist/roadtrip/p-2ae82371.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as c,H as s}from"./p-d7aae05d.js";const d=":host{display:block}:host ul{padding-left:0}:host ul li{list-style:none}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const a=d;const f=class{constructor(c){e(this,c)}render(){return c(s,{key:"558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f"},c("nav",{key:"386429b7b2670bd9e1cfde6eb895fcdb9fc26a66"},c("ul",{key:"67357a2d0f7777b39b390a6fc1f2609f7e504f0d"},c("li",{key:"6bd942a3d6c358f1988b58b16c65bc1f635c690f"},c("slot",{key:"47ab21f544caa20f3623d7a6b299a84cb17b2927"})))))}};f.style=a;export{f as road_progress_tracker};
-//# sourceMappingURL=p-2ae82371.entry.js.map

package/dist/roadtrip/p-4334d85b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as d}from"./p-d7aae05d.js";const c=":host{display:block}:host ul li{list-style:none}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";const s=c;const t=class{constructor(a){e(this,a)}render(){return a(d,{key:"8df70b09eb63e027b39c4843ae497cef5e39c2ed"},a("nav",{key:"0d6025a44bd845363096fc6e002a334263dac3c9"},a("ul",{key:"4d81713de26f798637118ee3af681eb6f668513f"},a("li",{key:"bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c"},a("slot",{key:"18e8f5f3cddb2a2c6816127596d469a93ca2430c"})))))}};t.style=s;export{t as road_progress_indicator_vertical};
-//# sourceMappingURL=p-4334d85b.entry.js.map

package/dist/roadtrip/p-4bb49a92.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipCss","RoadTooltipStyle0","Tooltip","constructor","hostRef","this","tooltipId","tooltipIds","content","position","contentAlign","isOpen","trigger","onClick","hasTrigger","close","open","onMouseOver","onMouseOut","isKeyboardNavigation","handleKeyDown","handleMouseDown","onFocus","onBlur","componentDidMount","document","addEventListener","componentDidLoad","componentWillUnmount","removeEventListener","triggerType","triggers","split","includes","render","h","Host","key","tabindex","part","id","class","tooltip","role","name"],"sources":["src/components/tooltip/tooltip.css?tag=road-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * Tooltip\n *\n * Index\n * - Tooltip\n * - Position\n */\n\n/**\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --z-index: The z-index of the tooltip.\n * @prop --width: width of the tooltip.\n */\n\n/* TOOLTIP\n -------------------- */\n\n:host {\n  --max-width: 85vw;\n  --z-index: 1;\n  --width: max-content;\n\n  position: relative;\n  display: inline-block;\n}\n\n:host(:hover) {\n  cursor: pointer;\n}\n\n\n:host([trigger=\"hover\"]) .tooltip {\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.tooltip {\n  position: absolute;\n  top: -0.5rem;\n  left: 50%;\n  z-index: 1;\n  width: var(--width);\n  min-width: 100%;\n  max-width: var(--max-width);\n  padding: 0.5rem;\n  font-family: var(--road-font);\n  font-size: var(--road-body-small);\n  color: var(--road-on-surface);\n  text-align: center;\n  pointer-events: none;\n  visibility: hidden;\n  background: var(--road-surface);\n  border: 1px solid var(--road-outline-weak);\n  border-radius: 0.25rem;\n  box-shadow: var(--road-elevation-low);\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  transform: translateX(-50%) translateY(-100%);\n}\n\n:host([contentalign=\"left\"]) .tooltip {\n  text-align: left;\n}\n\n.tooltip.tooltip-text-left::after {\n  text-align: left;\n}\n\n.tooltip-open {\n  visibility: visible;\n  opacity: 1;\n}\n\n\n/* POSITION\n -------------------- */\n\n/**\n * Top\n */\n\n:host([data-tooltip-position=\"top\"]) .tooltip {\n  left: 50%;\n  transform: translateX(-50%) translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top\"]) .tooltip-open {\n  left: 50%;\n  transform: translateX(-50%) translateY(-100%);\n}\n\n/**\n * Top Left\n */\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip {\n  left: 0%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip-open {\n  transform: translateY(-100%);\n}\n\n/**\n * Top Right\n */\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip {\n  left: 50%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip-open {\n  left: 100%;\n  transform: translateY(-100%);\n}\n\n/**\n * Top end\n */\n\n :host([data-tooltip-position=\"top-end\"]) .tooltip {\n  left: auto;\n  right: 0%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-end\"]) .tooltip-open {\n  transform: translateY(-100%);\n}\n\n/**\n * Left\n */\n\n:host([data-tooltip-position=\"left\"]) .tooltip {\n  top: 50%;\n  left: 0%;\n  margin-right: 0.5rem;\n  transform: translateX(-94%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"left\"]) .tooltip-open {\n  transform: translateX(-103%) translateY(-55%);\n}\n\n/**\n * Bottom\n */\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip {\n  top: 100%;\n  left: 50%;\n  margin-top: 0.5rem;\n  transform: translateX(-50%) translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip-open {\n  transform: translateX(-50%) translateY(-6%);\n}\n\n/**\n * Bottom Left\n */\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip {\n  top: 100%;\n  left: 0;\n  margin-top: 0.5rem;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open {\n  transform: translateY(-6%);\n}\n\n/**\n * Bottom Right\n */\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip {\n  top: 100%;\n  left: 100%;\n  margin-top: 0.5rem;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open {\n  transform: translateY(-6%);\n}\n\n\n/**\n * Bottom end\n */\n\n :host([data-tooltip-position=\"bottom-end\"]) .tooltip {\n  margin-top: 0.5rem;\n  left: auto;\n  top: 100%;\n  right: 0;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-end\"]) .tooltip-open {\n  transform: translateY(-6%);\n}\n\n/**\n * Right\n */\n\n:host([data-tooltip-position=\"right\"]) .tooltip {\n  top: 50%;\n  left: 100%;\n  margin-left: 0.5rem;\n  transform: translateX(-14%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"right\"]) .tooltip-open {\n  transform: translateX(-4%) translateY(-55%);\n}\n","import { Component, Host, h, Prop, Method, Element } from '@stencil/core';\n\n/**\n * @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.\n *\n * @part tooltip - tooltip container\n */\n\n@Component({\n  tag: 'road-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n\n  @Element() el!: HTMLRoadTooltipElement;\n\n  /**\n   * The id of tooltip\n   */\n  @Prop() tooltipId: string = `road-tooltip-${++tooltipIds}`;\n\n  /**\n   * The tooltip's content.\n   */\n  @Prop() content = '';\n\n  /**\n   * The position of the tooltip.\n   */\n  @Prop() position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'top-left'\n    | 'top-right'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left' = 'top';\n\n  /**\n   * The content align of the tooltip.\n   */\n  @Prop() contentAlign:\n    | 'center'\n    | 'left' = 'center';\n\n  /**\n   * Indicates whether or not the tooltip is open. You can use this or the open/close methods.\n   */\n  @Prop({ mutable: true }) isOpen = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = 'hover';\n\n  /**\n   * Open the tooltip.\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the tooltip.\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n  }\n\n  private onClick = () => {\n    if (this.hasTrigger('click')) {\n      this.isOpen ? this.close() : this.open();\n    }\n  };\n\n  private onMouseOver = () => {\n    if (this.hasTrigger('hover')) {\n      this.open();\n    }\n  };\n\n  private onMouseOut = () => {\n    if (this.hasTrigger('hover')) {\n      this.close();\n    }\n  };\n\nprivate isKeyboardNavigation = false;\n\n// Écoute les événements pour détecter le mode d'interaction\ncomponentDidMount() {\n  document.addEventListener('keydown', this.handleKeyDown);\n  document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentDidLoad() {\n  document.addEventListener('keydown', this.handleKeyDown);\n  document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentWillUnmount() {\n  document.removeEventListener('keydown', this.handleKeyDown);\n  document.removeEventListener('mousedown', this.handleMouseDown);\n}\n\n\nprivate handleKeyDown = () => {\n  this.isKeyboardNavigation = true;\n};\n\nprivate handleMouseDown = () => {\n  this.isKeyboardNavigation = false;\n};\n\nprivate onFocus = () => {\n  if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n    this.open();\n  }\n};\n\n\n  private onBlur = () => {\n    if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n      this.close();\n    }\n  };\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  render() {\n    return (\n      <Host\n        onMouseOver={this.onMouseOver}\n        onMouseOut={this.onMouseOut}\n        onClick={this.onClick}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n        tabindex=\"0\"  // Makes the element focusable\n        data-tooltip-position={this.position}\n      >\n        <slot aria-describedby={this.tooltipId} />\n\n        <div\n          part=\"tooltip\"\n          id={this.tooltipId}\n          class={{\n            tooltip: true,\n            'tooltip-open': this.isOpen,\n          }}\n          role=\"tooltip\"\n          aria-hidden={!this.isOpen ? 'true' : 'false'}\n        >\n          {this.content}\n          <slot name=\"tooltip-content\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet tooltipIds = 0;\n"],"mappings":"oDAAA,MAAMA,EAAa,g3FACnB,MAAAC,EAAeD,E,MCYFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYUC,KAAAC,UAAoB,kBAAkBC,IAKtCF,KAAAG,QAAU,GAKVH,KAAAI,SAYK,MAKLJ,KAAAK,aAEK,SAKYL,KAAAM,OAAS,MAO1BN,KAAAO,QAAkB,QAkBlBP,KAAAQ,QAAU,KAChB,GAAIR,KAAKS,WAAW,SAAU,CAC5BT,KAAKM,OAASN,KAAKU,QAAUV,KAAKW,M,GAI9BX,KAAAY,YAAc,KACpB,GAAIZ,KAAKS,WAAW,SAAU,CAC5BT,KAAKW,M,GAIDX,KAAAa,WAAa,KACnB,GAAIb,KAAKS,WAAW,SAAU,CAC5BT,KAAKU,O,GAIHV,KAAAc,qBAAuB,MAmBvBd,KAAAe,cAAgB,KACtBf,KAAKc,qBAAuB,IAAI,EAG1Bd,KAAAgB,gBAAkB,KACxBhB,KAAKc,qBAAuB,KAAK,EAG3Bd,KAAAiB,QAAU,KAChB,GAAIjB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKW,M,GAKCX,KAAAkB,OAAS,KACf,GAAIlB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKU,O,GAlET,UAAMC,GACJX,KAAKM,OAAS,I,CAOhB,WAAMI,GACJV,KAAKM,OAAS,K,CAwBlB,iBAAAa,GACEC,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,gBAAAM,GACEF,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,oBAAAO,GACEH,SAASI,oBAAoB,UAAWxB,KAAKe,eAC7CK,SAASI,oBAAoB,YAAaxB,KAAKgB,gB,CAyBvC,UAAAP,CAAWgB,GACjB,MAAMC,EAAW1B,KAAKO,QAAQoB,MAAM,KACpC,OAAOD,EAASE,SAASH,E,CAG3B,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHpB,YAAaZ,KAAKY,YAClBC,WAAYb,KAAKa,WACjBL,QAASR,KAAKQ,QACdS,QAASjB,KAAKiB,QACdC,OAAQlB,KAAKkB,OACbe,SAAS,I,wBACcjC,KAAKI,UAE5B0B,EAAA,QAAAE,IAAA,8DAAwBhC,KAAKC,YAE7B6B,EAAA,OAAAE,IAAA,2CACEE,KAAK,UACLC,GAAInC,KAAKC,UACTmC,MAAO,CACLC,QAAS,KACT,eAAgBrC,KAAKM,QAEvBgC,KAAK,UAAS,eACAtC,KAAKM,OAAS,OAAS,SAEpCN,KAAKG,QACN2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,qB,2BAOrB,IAAIrC,EAAa,E","ignoreList":[]}

package/dist/roadtrip/p-61191773.entry.js

@@ -1,2 +0,0 @@
-import{r,c as a,h as e,H as o,a as s}from"./p-d7aae05d.js";import{h as n,i}from"./p-55a946f4.js";const t='.sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-label.sc-road-range{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:"";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));height:0.5rem;content:"";background:var(--road-primary);border-radius:1.125rem}.disabled.sc-road-range-h .form-range-progress.sc-road-range.sc-road-range::after{background:var(--road-surface-disabled)}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.disabled.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.disabled.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb{cursor:not-allowed;background:var(--road-on-surface-disabled);box-shadow:none}.disabled.sc-road-range-h .form-range-input.sc-road-range{pointer-events:none}.disabled.sc-road-range-h{cursor:not-allowed}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}';const d=t;const c=class{constructor(e){r(this,e);this.roadchange=a(this,"roadchange",7);this.roadChange=a(this,"roadChange",7);this.rangeId=`road-range-${l++}`;this.value="";this.showValue=false;this.showTick=false;this.showLabels=false;this.disabled=false;this.onInput=r=>{const a=r.target;if(a){this.value=a.value||""}if(this.value!==null&&this.value!==undefined){this.el.style.setProperty("--value",`${this.value}`)}}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}handleFocus(){this.el.classList.add("focus-visible")}handleBlur(){this.el.classList.remove("focus-visible")}componentDidLoad(){const r=this.el.querySelector(".form-label");const a=this.el.querySelector(".form-control.sc-road-input");if(r){r.style.clip="rect(0 0 0 0)";r.style.border="0";r.style.height="1px";r.style.left="0";r.style.margin="-1px";r.style.overflow="hidden";r.style.padding="0";r.style.position="absolute";r.style.top="0";r.style.width="1px";a.style.padding="0 1rem 0"}}render(){const r=this.getValue();const a=this.showLabels!==undefined?`tickmarks`:"";return e(o,{key:"70682c392f1e20883fb831efc8de0f9a067b3009",tabindex:"0",class:{disabled:this.disabled}},e("div",{key:"981f26d40294cd905075d0745e4728543bdc618e",class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{key:"43f2969c43d2573de4db51261263ff22d834cc89",icon:n,class:"mr-8",size:"sm"}),e("div",{key:"2009bfe7013711fcac093f8c67f54daf8f293d05",class:"form-range",style:{"--min":this.min,"--max":this.max,"--value":r,"--background-color":this.disabled?"var(--road-surface-disabled)":"initial"}},this.showValue&&e("output",{key:"b918d44808d44f446f88781b56a18da28768d184"}),this.showLabels&&e("slot",{key:"341f43e617bca8decaa791170065658cf5c57923",name:"datalist"}),e("input",{key:"20d9d42bcfd89eb76a9459571cec4e790d8904f4",type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput,list:a,"aria-label":"Valeur",tabindex:"0",disabled:this.disabled}),e("label",{key:"6ff1fbdc6111509511a1e50e0e65f43ec692f74f",class:"form-range-label"},"Valeur"),e("div",{key:"fadff2d5d9fda1b85290a4c39697968b13470412",class:"form-range-progress"})),this.showTick&&e("road-icon",{key:"79f4b51b9e695692777ab37b36511dfc8209812c",icon:i,class:"ml-8",size:"sm"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};let l=0;c.style=d;export{c as road_range};
-//# sourceMappingURL=p-61191773.entry.js.map

package/dist/roadtrip/p-e56c84ec.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}: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{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items: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;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:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items: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{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(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()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:b,disabled:c}=this;const h={download:this.download,href:!c?r:undefined,rel:n,target:s};return i(o,{key:"3cb6c6f8dcab1715547dfa6fc43c4e6ec3234507",onClick:t=>!c&&this.onClick(t),onKeyup:t=>!c&&this.onKeyUp(t),role:"tab",tabindex:c?-1:a,"aria-selected":d?"true":"false","aria-disabled":c?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":c}},i("a",Object.assign({key:"7f07a67f84c56857ac864b2d56c1698f31f618d5"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"b6b0a2caa81b69199bf85210cec8722846a413b8",class:"button-inner"},i("slot",{key:"efbc557b0428fe1513f150ed97f0c9037284daa2"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
-//# sourceMappingURL=p-e56c84ec.entry.js.map

package/dist/roadtrip/p-ff189f73.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as s,a as r}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const d=":host{background-color:var(--road-surface);outline:1px solid var(--road-outline-weak);border-radius:12px;padding:var(--road-spacing-02);display:flex}";const o=d;const n=class{constructor(a){e(this,a);this.roadsegmentedbuttonbarchanged=t(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=t(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"a5bf3fc09d2e077e087ae5246ee562aed29472a5",role:"tablist"},a("slot",{key:"48a1e2e24b79f769bc35e4d048218210be1b0d56"}))}get el(){return r(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=o;export{n as road_segmented_button_bar};
-//# sourceMappingURL=p-ff189f73.entry.js.map