@pod-os/elements 0.8.0 → 0.9.0

package/dist/components/pos-app-rdf-document2.js

@@ -1,170 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$o } from './badge.js';
-import { d as defineCustomElement$n } from './card.js';
-import { d as defineCustomElement$m } from './card-content.js';
-import { d as defineCustomElement$l } from './card-header.js';
-import { d as defineCustomElement$k } from './card-title.js';
-import { d as defineCustomElement$j } from './col.js';
-import { d as defineCustomElement$i } from './grid.js';
-import { d as defineCustomElement$h } from './icon.js';
-import { d as defineCustomElement$g } from './item.js';
-import { d as defineCustomElement$f } from './item-divider.js';
-import { d as defineCustomElement$e } from './item-group.js';
-import { d as defineCustomElement$d } from './label.js';
-import { d as defineCustomElement$c } from './list.js';
-import { d as defineCustomElement$b } from './note.js';
-import { d as defineCustomElement$a } from './progress-bar.js';
-import { d as defineCustomElement$9 } from './ripple-effect.js';
-import { d as defineCustomElement$8 } from './row.js';
-import { d as defineCustomElement$7 } from './pos-description2.js';
-import { d as defineCustomElement$6 } from './pos-label2.js';
-import { d as defineCustomElement$5 } from './pos-literals2.js';
-import { d as defineCustomElement$4 } from './pos-resource2.js';
-import { d as defineCustomElement$3 } from './pos-rich-link2.js';
-import { d as defineCustomElement$2 } from './pos-subjects2.js';
-import { d as defineCustomElement$1 } from './pos-type-badges2.js';
-
-const PosAppRdfDocument = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-subjects", null)), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("ion-card-title", null, h("pos-label", null), h("pos-type-badges", null)), h("pos-literals", null)))))));
-  }
-}, [0, "pos-app-rdf-document"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pos-app-rdf-document", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-item", "ion-item-divider", "ion-item-group", "ion-label", "ion-list", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-description", "pos-label", "pos-literals", "pos-resource", "pos-rich-link", "pos-subjects", "pos-type-badges"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pos-app-rdf-document":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PosAppRdfDocument);
-      }
-      break;
-    case "ion-badge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "ion-card":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "ion-card-content":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "ion-card-header":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "ion-card-title":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "ion-col":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "ion-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "ion-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "ion-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "ion-item-divider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "ion-item-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "ion-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "ion-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "ion-note":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "ion-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "ion-ripple-effect":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "ion-row":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "pos-description":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "pos-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "pos-literals":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "pos-resource":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "pos-rich-link":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "pos-subjects":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "pos-type-badges":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { PosAppRdfDocument as P, defineCustomElement as d };

package/dist/components/pos-pdf.js

@@ -1,6 +0,0 @@
-import { P as PosPdf$1, d as defineCustomElement$1 } from './pos-pdf2.js';
-
-const PosPdf = PosPdf$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PosPdf, defineCustomElement };

package/dist/elements/p-10cae467.js

@@ -1,4 +0,0 @@
-import{e as o,w as s}from"./p-cab74d27.js";import{a as t,s as a}from"./p-29c0f03f.js";import{c as r}from"./p-1afc4eb4.js";import"./p-9c719139.js";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */const c=()=>{const c=window;c.addEventListener("statusTap",(()=>{o((()=>{const o=document.elementFromPoint(c.innerWidth/2,c.innerHeight/2);if(!o)return;const e=t(o);e&&new Promise((o=>r(e,o))).then((()=>{s((async()=>{e.style.setProperty("--overflow","hidden"),await a(e,300),e.style.removeProperty("--overflow")}))}))}))}))};export{c as startStatusTap}

package/dist/elements/p-19e4a688.js

@@ -1,4 +0,0 @@
-import{g as o,c as t,a as n}from"./p-29c0f03f.js";import{e as i,f as r,r as e,q as a,c as s}from"./p-1afc4eb4.js";import"./p-9c719139.js";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */const c=new WeakMap,d=(o,t,n,i=0,r=!1)=>{c.has(o)!==n&&(n?l(o,t,i,r):f(o,t))},u=o=>o===o.getRootNode().activeElement,l=(o,t,n,i=!1)=>{const r=t.parentNode,e=t.cloneNode(!1);e.classList.add("cloned-input"),e.tabIndex=-1,i&&(e.disabled=!0),r.appendChild(e),c.set(o,e);const a="rtl"===o.ownerDocument.dir?9999:-9999;o.style.pointerEvents="none",t.style.transform=`translate3d(${a}px,${n}px,0) scale(0)`},f=(o,t)=>{const n=c.get(o);n&&(c.delete(o),n.remove()),o.style.pointerEvents="",t.style.transform=""},w="input, textarea, [no-blur], [contenteditable]",p=async(n,i,r,a,s,c=!1)=>{if(!r&&!a)return;const u=((o,t,n)=>{var i;return((o,t,n,i)=>{const r=o.top,e=o.bottom,a=t.top,s=a+15,c=.75*Math.min(t.bottom,i-n)-e,d=s-r,u=Math.round(c<0?-c:d>0?-d:0),l=Math.min(u,r-a),f=Math.abs(l);return{scrollAmount:l,scrollDuration:Math.min(400,Math.max(150,f/.3)),scrollPadding:n,inputSafeY:4-(r-s)}})((null!==(i=o.closest("ion-item,[ion-item]"))&&void 0!==i?i:o).getBoundingClientRect(),t.getBoundingClientRect(),n,o.ownerDocument.defaultView.innerHeight)})(n,r||a,s);if(r&&Math.abs(u.scrollAmount)<4)i.focus();else if(d(n,i,!0,u.inputSafeY,c),i.focus(),e((()=>n.click())),"undefined"!=typeof window){let e;const a=async()=>{void 0!==e&&clearTimeout(e),window.removeEventListener("ionKeyboardDidShow",s),window.removeEventListener("ionKeyboardDidShow",a),r&&await t(r,0,u.scrollAmount,u.scrollDuration),d(n,i,!1,u.inputSafeY),i.focus()},s=()=>{window.removeEventListener("ionKeyboardDidShow",s),window.addEventListener("ionKeyboardDidShow",a)};if(r){const t=await o(r);if(u.scrollAmount>t.scrollHeight-t.clientHeight-t.scrollTop)return"password"===i.type?(u.scrollAmount+=50,window.addEventListener("ionKeyboardDidShow",s)):window.addEventListener("ionKeyboardDidShow",a),void(e=setTimeout(a,1e3))}a()}},h="$ionPaddingTimer",m=(o,t)=>{var i,r;if("INPUT"!==o.tagName)return;if(o.parentElement&&"ION-INPUT"===o.parentElement.tagName)return;if("ION-SEARCHBAR"===(null===(r=null===(i=o.parentElement)||void 0===i?void 0:i.parentElement)||void 0===r?void 0:r.tagName))return;const e=n(o);if(null===e)return;const a=e[h];a&&clearTimeout(a),t>0?e.style.setProperty("--keyboard-offset",`${t}px`):e[h]=setTimeout((()=>{e.style.setProperty("--keyboard-offset","0px")}),120)},S=(o,t)=>{const e=document,c="ios"===t,l="android"===t,f=o.getNumber("keyboardHeight",290),h=o.getBoolean("scrollAssist",!0),S=o.getBoolean("hideCaretOnScroll",c),y=o.getBoolean("inputBlurring",c),b=o.getBoolean("scrollPadding",!0),v=Array.from(e.querySelectorAll("ion-input, ion-textarea")),M=new WeakMap,D=new WeakMap,x=async o=>{await new Promise((t=>s(o,t)));const t=o.shadowRoot||o,e=t.querySelector("input")||t.querySelector("textarea"),c=n(o),w=c?null:o.closest("ion-footer");if(e){if(c&&S&&!M.has(o)){const t=((o,t,n)=>{if(!n||!t)return()=>{};const e=n=>{u(t)&&d(o,t,n)},a=()=>d(o,t,!1),s=()=>e(!0),c=()=>e(!1);return i(n,"ionScrollStart",s),i(n,"ionScrollEnd",c),t.addEventListener("blur",a),()=>{r(n,"ionScrollStart",s),r(n,"ionScrollEnd",c),t.addEventListener("ionBlur",a)}})(o,e,c);M.set(o,t)}if("date"!==e.type&&"datetime-local"!==e.type&&(c||w)&&h&&!D.has(o)){const t=((o,t,n,i,r,e=!1)=>{let s;const c=o=>{s=a(o)},d=c=>{if(!s)return;const d=a(c);((o,t,n)=>{if(t&&n){const i=t.x-n.x,r=t.y-n.y;return i*i+r*r>o*o}return!1})(6,s,d)||u(t)||p(o,t,n,i,r,e)};return o.addEventListener("touchstart",c,{capture:!0,passive:!0}),o.addEventListener("touchend",d,!0),()=>{o.removeEventListener("touchstart",c,!0),o.removeEventListener("touchend",d,!0)}})(o,e,c,w,f,l);D.set(o,t)}}};y&&(()=>{let o=!0,t=!1;const n=document;i(n,"ionScrollStart",(()=>{t=!0})),n.addEventListener("focusin",(()=>{o=!0}),!0),n.addEventListener("touchend",(i=>{if(t)return void(t=!1);const r=n.activeElement;if(!r)return;if(r.matches(w))return;const e=i.target;e!==r&&(e.matches(w)||e.closest(w)||(o=!1,setTimeout((()=>{o||r.blur()}),50)))}),!1)})(),b&&(o=>{const t=document;t.addEventListener("focusin",(t=>{m(t.target,o)})),t.addEventListener("focusout",(o=>{m(o.target,0)}))})(f);for(const o of v)x(o);e.addEventListener("ionInputDidLoad",(o=>{x(o.detail)})),e.addEventListener("ionInputDidUnload",(o=>{(o=>{if(S){const t=M.get(o);t&&t(),M.delete(o)}if(h){const t=D.get(o);t&&t(),D.delete(o)}})(o.detail)}))};export{S as startInputShims}

package/dist/elements/p-5f811ad7.entry.js

@@ -1 +0,0 @@
-import{r as t,d as n,h as e,H as i,c as a}from"./p-cab74d27.js";import{g as r}from"./p-d0c3f4ee.js";import{a as o,d as s,r as h}from"./p-29c0f03f.js";import{b as l,d as g,i as d,o as b,j as c}from"./p-1afc4eb4.js";import{p}from"./p-9c719139.js";import{i as u}from"./p-278ca4c9.js";import{c as k,h as m}from"./p-0991c811.js";const v=class{constructor(e){t(this,e),this.ionChange=n(this,"ionChange",7),this.ionStyle=n(this,"ionStyle",7),this.ionFocus=n(this,"ionFocus",7),this.ionBlur=n(this,"ionBlur",7),this.ionKnobMoveStart=n(this,"ionKnobMoveStart",7),this.ionKnobMoveEnd=n(this,"ionKnobMoveEnd",7),this.didLoad=!1,this.noUpdate=!1,this.hasFocus=!1,this.inheritedAttributes={},this.contentEl=null,this.initialContentScrollY=!0,this.ratioA=0,this.ratioB=0,this.debounce=0,this.name="",this.dualKnobs=!1,this.min=0,this.max=100,this.pin=!1,this.pinFormatter=t=>Math.round(t),this.snaps=!1,this.step=1,this.ticks=!0,this.disabled=!1,this.value=0,this.clampBounds=t=>l(this.min,t,this.max),this.ensureValueInBounds=t=>this.dualKnobs?{lower:this.clampBounds(t.lower),upper:this.clampBounds(t.upper)}:this.clampBounds(t),this.setupGesture=async()=>{const t=this.rangeSlider;t&&(this.gesture=(await import("./p-aef3a931.js")).createGesture({el:t,gestureName:"range",gesturePriority:100,threshold:0,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.gesture.enable(!this.disabled))},this.handleKeyboard=(t,n)=>{const{ensureValueInBounds:e}=this;let i=this.step;i=i>0?i:1,i/=this.max-this.min,n||(i*=-1),"A"===t?this.ratioA=l(0,this.ratioA+i,1):this.ratioB=l(0,this.ratioB+i,1),this.ionKnobMoveStart.emit({value:e(this.value)}),this.updateValue(),this.ionKnobMoveEnd.emit({value:e(this.value)})},this.onBlur=()=>{this.hasFocus&&(this.hasFocus=!1,this.ionBlur.emit(),this.emitStyle())},this.onFocus=()=>{this.hasFocus||(this.hasFocus=!0,this.ionFocus.emit(),this.emitStyle())}}debounceChanged(){this.ionChange=g(this.ionChange,this.debounce)}minChanged(){this.noUpdate||this.updateRatio()}maxChanged(){this.noUpdate||this.updateRatio()}activeBarStartChanged(){const{activeBarStart:t}=this;void 0!==t&&(t>this.max?(p(`Range: The value of activeBarStart (${t}) is greater than the max (${this.max}). Valid values are greater than or equal to the min value and less than or equal to the max value.`,this.el),this.activeBarStart=this.max):t<this.min&&(p(`Range: The value of activeBarStart (${t}) is less than the min (${this.min}). Valid values are greater than or equal to the min value and less than or equal to the max value.`,this.el),this.activeBarStart=this.min))}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled),this.emitStyle()}valueChanged(t){this.noUpdate||this.updateRatio(),t=this.ensureValueInBounds(t),this.ionChange.emit({value:t})}componentWillLoad(){this.rangeId=this.el.hasAttribute("id")?this.el.getAttribute("id"):"ion-r-"+z++,this.inheritedAttributes=d(this.el)}componentDidLoad(){this.setupGesture(),this.didLoad=!0}connectedCallback(){this.updateRatio(),this.debounceChanged(),this.disabledChanged(),this.activeBarStartChanged(),this.didLoad&&this.setupGesture(),this.contentEl=o(this.el)}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}getValue(){var t;const n=null!==(t=this.value)&&void 0!==t?t:0;return this.dualKnobs?"object"==typeof n?n:{lower:0,upper:n}:"object"==typeof n?n.upper:n}emitStyle(){this.ionStyle.emit({interactive:!0,"interactive-disabled":this.disabled})}onStart(t){const{contentEl:n}=this;n&&(this.initialContentScrollY=s(n));const e=this.rect=this.rangeSlider.getBoundingClientRect(),i=t.currentX;let a=l(0,(i-e.left)/e.width,1);u(this.el)&&(a=1-a),this.pressedKnob=!this.dualKnobs||Math.abs(this.ratioA-a)<Math.abs(this.ratioB-a)?"A":"B",this.setFocus(this.pressedKnob),this.update(i),this.ionKnobMoveStart.emit({value:this.ensureValueInBounds(this.value)})}onMove(t){this.update(t.currentX)}onEnd(t){const{contentEl:n,initialContentScrollY:e}=this;n&&h(n,e),this.update(t.currentX),this.pressedKnob=void 0,this.ionKnobMoveEnd.emit({value:this.ensureValueInBounds(this.value)})}update(t){const n=this.rect;let e=l(0,(t-n.left)/n.width,1);u(this.el)&&(e=1-e),this.snaps&&(e=w(x(e,this.min,this.max,this.step),this.min,this.max)),"A"===this.pressedKnob?this.ratioA=e:this.ratioB=e,this.updateValue()}get valA(){return x(this.ratioA,this.min,this.max,this.step)}get valB(){return x(this.ratioB,this.min,this.max,this.step)}get ratioLower(){if(this.dualKnobs)return Math.min(this.ratioA,this.ratioB);const{activeBarStart:t}=this;return null==t?0:w(t,this.min,this.max)}get ratioUpper(){return this.dualKnobs?Math.max(this.ratioA,this.ratioB):this.ratioA}updateRatio(){const t=this.getValue(),{min:n,max:e}=this;this.dualKnobs?(this.ratioA=w(t.lower,n,e),this.ratioB=w(t.upper,n,e)):this.ratioA=w(t,n,e)}updateValue(){this.noUpdate=!0;const{valA:t,valB:n}=this;this.value=this.dualKnobs?{lower:Math.min(t,n),upper:Math.max(t,n)}:t,this.noUpdate=!1}setFocus(t){if(this.el.shadowRoot){const n=this.el.shadowRoot.querySelector("A"===t?".range-knob-a":".range-knob-b");n&&n.focus()}}render(){var t;const{min:n,max:a,step:o,el:s,handleKeyboard:h,pressedKnob:l,disabled:g,pin:d,ratioLower:p,ratioUpper:v,inheritedAttributes:x,rangeId:z,pinFormatter:y}=this;let{labelText:C}=b(s,z);null==C&&(C=x["aria-label"]);const B=r(this);let A=100*p+"%",M=100-100*v+"%";const S=u(this.el),j=S?"right":"left",F=t=>({[j]:t[j]});!1===this.dualKnobs&&(this.valA<(null!==(t=this.activeBarStart)&&void 0!==t?t:this.min)?(A=100*v+"%",M=100-100*p+"%"):(A=100*p+"%",M=100-100*v+"%"));const K={[j]:A,[S?"left":"right"]:M},T=[];if(this.snaps&&this.ticks)for(let t=n;t<=a;t+=o){const e=w(t,n,a),i=Math.min(p,v),r=Math.max(p,v),o={ratio:e,active:e>=i&&e<=r};o[j]=100*e+"%",T.push(o)}return c(!0,s,this.name,JSON.stringify(this.getValue()),g),e(i,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:z,class:k(this.color,{[B]:!0,"in-item":m("ion-item",s),"range-disabled":g,"range-pressed":void 0!==l,"range-has-pin":d})},e("slot",{name:"start"}),e("div",{class:"range-slider",ref:t=>this.rangeSlider=t},T.map((t=>e("div",{style:F(t),role:"presentation",class:{"range-tick":!0,"range-tick-active":t.active},part:t.active?"tick-active":"tick"}))),e("div",{class:"range-bar",role:"presentation",part:"bar"}),e("div",{class:"range-bar range-bar-active",role:"presentation",style:K,part:"bar-active"}),f(S,{knob:"A",pressed:"A"===l,value:this.valA,ratio:this.ratioA,pin:d,pinFormatter:y,disabled:g,handleKeyboard:h,min:n,max:a,labelText:C}),this.dualKnobs&&f(S,{knob:"B",pressed:"B"===l,value:this.valB,ratio:this.ratioB,pin:d,pinFormatter:y,disabled:g,handleKeyboard:h,min:n,max:a,labelText:C})),e("slot",{name:"end"}))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],min:["minChanged"],max:["maxChanged"],activeBarStart:["activeBarStartChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}},f=(t,{knob:n,value:i,ratio:a,min:r,max:o,disabled:s,pressed:h,pin:l,handleKeyboard:g,labelText:d,pinFormatter:b})=>{const c=t?"right":"left";return e("div",{onKeyDown:t=>{const e=t.key;"ArrowLeft"===e||"ArrowDown"===e?(g(n,!1),t.preventDefault(),t.stopPropagation()):"ArrowRight"!==e&&"ArrowUp"!==e||(g(n,!0),t.preventDefault(),t.stopPropagation())},class:{"range-knob-handle":!0,"range-knob-a":"A"===n,"range-knob-b":"B"===n,"range-knob-pressed":h,"range-knob-min":i===r,"range-knob-max":i===o,"ion-activatable":!0,"ion-focusable":!0},style:(()=>{const t={};return t[c]=100*a+"%",t})(),role:"slider",tabindex:s?-1:0,"aria-label":d,"aria-valuemin":r,"aria-valuemax":o,"aria-disabled":s?"true":null,"aria-valuenow":i},l&&e("div",{class:"range-pin",role:"presentation",part:"pin"},b(i)),e("div",{class:"range-knob",role:"presentation",part:"knob"}))},x=(t,n,e,i)=>{let a=(e-n)*t;return i>0&&(a=Math.round(a/i)*i+n),l(n,a,e)},w=(t,n,e)=>l(0,(t-n)/(e-n),1);let z=0;v.style={ios:":host{--knob-handle-size:calc(var(--knob-size) * 2);display:flex;position:relative;flex:3;align-items:center;font-family:var(--ion-font-family, inherit);user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:grab;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;box-sizing:border-box}.range-knob-handle{left:0;top:calc((var(--height) - var(--knob-handle-size)) / 2);margin-left:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}[dir=rtl] .range-knob-handle,:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.range-knob-handle{margin-left:unset;-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2)}}[dir=rtl] .range-knob-handle,:host-context([dir=rtl]) .range-knob-handle{left:unset}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar{border-radius:var(--bar-border-radius);left:0;top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}[dir=rtl] .range-bar,:host-context([dir=rtl]) .range-bar{left:unset;right:unset;right:0}[dir=rtl] .range-bar,:host-context([dir=rtl]) .range-bar{left:unset}.range-knob{border-radius:var(--knob-border-radius);left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}[dir=rtl] .range-knob,:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob,:host-context([dir=rtl]) .range-knob{left:unset}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host(.in-item) ::slotted(ion-label){align-self:center}:host{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);--knob-size:28px;--bar-height:2px;--bar-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-tick-active{background:var(--ion-color-base)}::slotted([slot=start]){margin-left:0;margin-right:16px;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}}::slotted([slot=end]){margin-left:16px;margin-right:0;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}}:host(.range-has-pin){padding-top:20px}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-tick{margin-left:-1px;border-radius:0;position:absolute;top:18px;width:2px;height:8px;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);pointer-events:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.range-tick{margin-left:unset;-webkit-margin-start:-1px;margin-inline-start:-1px}}.range-tick-active{background:var(--bar-background-active)}.range-pin{transform:translate3d(0,  28px,  0) scale(0.01);padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;transition:transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.range-pin{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{transform:translate3d(0,  0,  0) scale(1)}:host(.range-disabled){opacity:0.5}",md:':host{--knob-handle-size:calc(var(--knob-size) * 2);display:flex;position:relative;flex:3;align-items:center;font-family:var(--ion-font-family, inherit);user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:grab;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;box-sizing:border-box}.range-knob-handle{left:0;top:calc((var(--height) - var(--knob-handle-size)) / 2);margin-left:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}[dir=rtl] .range-knob-handle,:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.range-knob-handle{margin-left:unset;-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2)}}[dir=rtl] .range-knob-handle,:host-context([dir=rtl]) .range-knob-handle{left:unset}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar{border-radius:var(--bar-border-radius);left:0;top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}[dir=rtl] .range-bar,:host-context([dir=rtl]) .range-bar{left:unset;right:unset;right:0}[dir=rtl] .range-bar,:host-context([dir=rtl]) .range-bar{left:unset}.range-knob{border-radius:var(--knob-border-radius);left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}[dir=rtl] .range-knob,:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob,:host-context([dir=rtl]) .range-knob{left:unset}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host(.in-item) ::slotted(ion-label){align-self:center}:host{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);padding-left:14px;padding-right:14px;padding-top:8px;padding-bottom:8px;font-size:12px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px}}:host(.ion-color) .range-bar{background:rgba(var(--ion-color-base-rgb), 0.26)}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-knob,:host(.ion-color) .range-knob::before,:host(.ion-color) .range-pin,:host(.ion-color) .range-pin::before,:host(.ion-color) .range-tick{background:var(--ion-color-base);color:var(--ion-color-contrast)}::slotted([slot=start]){margin-left:0;margin-right:14px;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px}}::slotted([slot=end]){margin-left:14px;margin-right:0;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0}}:host(.range-has-pin){padding-top:28px}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-knob{transform:scale(0.67);transition-duration:120ms;transition-property:transform, background-color, border;transition-timing-function:ease;z-index:2}.range-knob::before{border-radius:50%;left:0;position:absolute;width:var(--knob-size);height:var(--knob-size);transform:scale(1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:"";opacity:0.13;pointer-events:none}[dir=rtl] .range-knob::before,:host-context([dir=rtl]) .range-knob::before{left:unset;right:unset;right:0}.range-tick{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}.range-tick-active{background:transparent}.range-pin{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;transform:translate3d(0,  0,  0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;transition:transform 120ms ease, background 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}.range-pin::before{left:50%;top:3px;margin-left:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;transform:rotate(-45deg);transition:background 120ms ease;background:var(--pin-background);content:"";z-index:-1}[dir=rtl] .range-pin::before,:host-context([dir=rtl]) .range-pin::before{left:unset;right:unset;right:50%}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.range-pin::before{margin-left:unset;-webkit-margin-start:-13px;margin-inline-start:-13px}}[dir=rtl] .range-pin::before,:host-context([dir=rtl]) .range-pin::before{left:unset}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{transform:translate3d(0,  -24px,  0) scale(1)}@media (any-hover: hover){.range-knob-handle:hover .range-knob:before{transform:scale(2);opacity:0.13}}.range-knob-handle.ion-activated .range-knob:before,.range-knob-handle.ion-focused .range-knob:before,.range-knob-handle.range-knob-pressed .range-knob:before{transform:scale(2)}.range-knob-handle.ion-focused .range-knob::before{opacity:0.13}.range-knob-handle.ion-activated .range-knob::before,.range-knob-handle.range-knob-pressed .range-knob::before{opacity:0.25}:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob{transform:scale(1)}:host(.range-disabled) .range-bar-active,:host(.range-disabled) .range-bar,:host(.range-disabled) .range-tick{background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .range-knob{transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}'};export{v as ion_range}