@foxy.io/elements 1.24.0-beta.4 → 1.24.0-beta.5

package/dist/cdn/{shared-c6c6ba69.js → shared-6dffe67d.js}

@@ -1,4 +1,4 @@
-import"./shared-4674063d.js";import{h}from"./shared-59042137.js";
+import"./shared-c97f7178.js";import{h}from"./shared-a7475f62.js";
 /**
 @license
 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.

package/dist/cdn/{shared-4c956a8e.js → shared-72a13fda.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-307262a1.js";import"./shared-4674063d.js";import"./shared-17d0db7f.js";import"./shared-479ad951.js";import{L as s,c as t,h as r}from"./shared-7f33a83a.js";import{T as a}from"./shared-09d4fbb8.js";import{c as i}from"./shared-4e709717.js";class o extends CustomEvent{constructor(e){super("change",{detail:e})}}let c,d,l=e=>e;class h extends(a(s)){constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.checked=!1}static get properties(){return e(e({},super.properties),{},{readonly:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean}})}static get styles(){return[super.styles,t(c||(c=l`:host{--check-size:1.125rem}label{margin:calc(((1rem * var(--lumo-line-height-s)) - var(--check-size))/ -2) 0}label>:first-child{height:calc(1rem * var(--lumo-line-height-s))}.ml-xxl{margin-left:calc(var(--lumo-space-m) + var(--check-size))}.check{height:var(--check-size);width:var(--check-size)}`))]}render(){return r(d||(d=l` <label class="${0}"> <div class="flex items-center"> <div class="${0}"> <iron-icon icon="lumo:checkmark" class="${0}"> </iron-icon> <input type="checkbox" class="sr-only" .checked="${0}" ?disabled="${0}" data-testid="input" @change="${0}"> </div> </div> <div class="flex-1 font-lumo leading-s ml-m"> <slot></slot> </div> </label> <div class="${0}"> <slot name="content"></slot> </div> `),i({"flex items-start group transition-colors":!0,"cursor-default":this.disabled||this.readonly,"text-disabled":this.disabled,"text-secondary":this.readonly,"cursor-pointer":!this.disabled}),i({"flex-shrink-0 check transition-colors rounded-s border":!0,"focus-within-shadow-outline":!0,"bg-primary text-primary-contrast":!this.readonly&&this.checked,"border-dashed border-contrast-30":this.readonly,"border-transparent":!this.readonly,"opacity-50":this.disabled,"text-secondary bg-contrast-20":!this.readonly&&!this.checked,"group-hover-bg-contrast-30":!this.readonly&&!this.checked}),i({"block w-full h-full transition-transform transform":!0,"scale-100":this.checked,"scale-0":!this.checked}),this.checked,this.disabled,(e=>{if(this.readonly)return e.preventDefault();e.stopPropagation(),this.checked=!this.checked,this.dispatchEvent(new o(this.checked))}),i({"font-lumo ml-xxl transition-colors":!0,"text-disabled":this.disabled}))}}export{h as C,o as a};
+import{_ as e}from"./shared-0dabe195.js";import"./shared-c97f7178.js";import"./shared-4bd1efd7.js";import"./shared-a96a2154.js";import{L as s,c as t,h as r}from"./shared-7f33a83a.js";import{T as a}from"./shared-a88c5cf1.js";import{c as i}from"./shared-4e709717.js";class c extends CustomEvent{constructor(e){super("change",{detail:e})}}let o,l,d=e=>e;class h extends(a(s)){constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.checked=!1}static get properties(){return e(e({},super.properties),{},{readonly:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean}})}static get styles(){return[super.styles,t(o||(o=d`:host{--check-size:1.125rem}label{margin:calc(((1rem * var(--lumo-line-height-s)) - var(--check-size))/ -2) 0}label>:first-child{height:calc(1rem * var(--lumo-line-height-s))}.ml-xxl{margin-left:calc(var(--lumo-space-m) + var(--check-size))}.check{height:var(--check-size);width:var(--check-size)}`))]}render(){return r(l||(l=d` <label class="${0}"> <div class="flex items-center"> <div class="${0}"> <iron-icon icon="lumo:checkmark" class="${0}"> </iron-icon> <input type="checkbox" class="sr-only" .checked="${0}" ?disabled="${0}" data-testid="input" @change="${0}"> </div> </div> <div class="flex-1 font-lumo leading-s ml-m"> <slot></slot> </div> </label> <div class="${0}"> <slot name="content"></slot> </div> `),i({"flex items-start group transition-colors":!0,"cursor-default":this.disabled||this.readonly,"text-disabled":this.disabled,"text-secondary":this.readonly,"cursor-pointer":!this.disabled}),i({"flex-shrink-0 check transition-colors rounded-s border":!0,"focus-within-shadow-outline":!0,"bg-primary text-primary-contrast":!this.readonly&&this.checked,"border-dashed border-contrast-30":this.readonly,"border-transparent":!this.readonly,"opacity-50":this.disabled,"text-secondary bg-contrast-20":!this.readonly&&!this.checked,"group-hover-bg-contrast-30":!this.readonly&&!this.checked}),i({"block w-full h-full transition-transform transform":!0,"scale-100":this.checked,"scale-0":!this.checked}),this.checked,this.disabled,(e=>{if(this.readonly)return e.preventDefault();e.stopPropagation(),this.checked=!this.checked,this.dispatchEvent(new c(this.checked))}),i({"font-lumo ml-xxl transition-colors":!0,"text-disabled":this.disabled}))}}export{h as C,c as a};

package/dist/cdn/{shared-4b67d699.js → shared-763a6797.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-307262a1.js";const r=r=>class extends r{constructor(){super(...arguments),this.infer=null}static get inferredProperties(){return[]}static get properties(){return e(e({},super.properties),{},{infer:{type:String,reflect:!0}})}inferFromElement(e,r){if(e in r)return r[e]}inferProperties(){this.updateComplete.then((()=>{var e;const r=new Map,t=this.constructor,n=new Set(t.inferredProperties),s=e=>{e&&(e instanceof ShadowRoot?s(e.host):e instanceof HTMLElement&&(n.forEach((t=>{const s=this.inferFromElement(t,e);void 0!==s&&(r.set(t,s),n.delete(t))})),n.size>0&&s(e.parentNode)))};s(this.parentNode),null===(e=this.applyInferredProperties)||void 0===e||e.call(this,r)}))}inferPropertiesInDescendants(){(this.renderRoot===this?[this.renderRoot]:[this.renderRoot,this]).forEach((e=>e.querySelectorAll("[infer]").forEach((e=>e.inferProperties()))))}applyInferredProperties(e){}connectedCallback(){super.connectedCallback(),this.inferPropertiesInDescendants()}updated(e){super.updated(e),this.inferPropertiesInDescendants()}};export{r as I};
+import{_ as e}from"./shared-0dabe195.js";const r=r=>class extends r{constructor(){super(...arguments),this.infer=null}static get inferredProperties(){return[]}static get properties(){return e(e({},super.properties),{},{infer:{type:String,reflect:!0}})}inferFromElement(e,r){if(e in r)return r[e]}inferProperties(){this.updateComplete.then((()=>{var e;const r=new Map,t=this.constructor,n=new Set(t.inferredProperties),s=e=>{e&&(e instanceof ShadowRoot?s(e.host):e instanceof HTMLElement&&(n.forEach((t=>{const s=this.inferFromElement(t,e);void 0!==s&&(r.set(t,s),n.delete(t))})),n.size>0&&s(e.parentNode)))};s(this.parentNode),null===(e=this.applyInferredProperties)||void 0===e||e.call(this,r)}))}inferPropertiesInDescendants(){(this.renderRoot===this?[this.renderRoot]:[this.renderRoot,this]).forEach((e=>e.querySelectorAll("[infer]").forEach((e=>e.inferProperties()))))}applyInferredProperties(e){}connectedCallback(){super.connectedCallback(),this.inferPropertiesInDescendants()}updated(e){super.updated(e),this.inferPropertiesInDescendants()}};export{r as I};

package/dist/cdn/shared-7680d300.js

@@ -0,0 +1,122 @@
+import"./shared-2fa6a5a0.js";import"./shared-4bd1efd7.js";import{T as e}from"./shared-0689b25a.js";import{h as t}from"./shared-a7475f62.js";import{D as i}from"./shared-a88c5cf1.js";const n=t`<dom-module id="lumo-number-field" theme-for="vaadin-number-field">
+  <template>
+    <style include="lumo-field-button">
+      :host {
+        width: 8em;
+      }
+
+      :host([has-controls]:not([theme~="align-right"])) [part="value"] {
+        text-align: center;
+      }
+
+      [part="decrease-button"][disabled],
+      [part="increase-button"][disabled] {
+        opacity: 0.2;
+      }
+
+      :host([has-controls]) [part="input-field"] {
+        padding: 0;
+      }
+
+      [part="decrease-button"],
+      [part="increase-button"] {
+        cursor: pointer;
+        font-size: var(--lumo-icon-size-s);
+        width: 1.6em;
+        height: 1.6em;
+      }
+
+      [part="decrease-button"]::before,
+      [part="increase-button"]::before {
+        margin-top: 0.2em;
+      }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"]) [part="value"],
+      :host([dir="rtl"]) [part="input-field"] ::slotted(input) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
+      }
+    </style>
+  </template>
+</dom-module>`;document.head.appendChild(n.content);
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
+const s=t`<dom-module id="vaadin-number-field-template">
+  <template>
+    <style>
+      :host([readonly]) [part\$="button"] {
+        pointer-events: none;
+      }
+
+      [part="decrease-button"]::before {
+        content: "−";
+      }
+
+      [part="increase-button"]::before {
+        content: "+";
+      }
+
+      [part="decrease-button"],
+      [part="increase-button"] {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+      }
+
+      /* Hide the native arrow icons */
+      [part="value"]::-webkit-outer-spin-button,
+      [part="value"]::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
+
+      [part="value"] {
+        /* Older Firefox versions (v47.0) requires !important */
+        -moz-appearance: textfield !important;
+      }
+
+      :host([dir="rtl"]) [part="input-field"] {
+        direction: ltr;
+      }
+
+      :host([dir="rtl"]) [part="value"]::placeholder {
+        direction: rtl;
+      }
+
+      :host([dir="rtl"]) [part="input-field"] ::slotted(input)::placeholder {
+        direction: rtl;
+      }
+
+      :host([dir="rtl"]) [part="value"]:-ms-input-placeholder,
+      :host([dir="rtl"]) [part="input-field"] ::slotted(input):-ms-input-placeholder {
+        direction: rtl;
+      }
+
+      :host([dir="rtl"]:not([has-controls])) [part="value"]::placeholder {
+        text-align: left;
+      }
+
+      :host([dir="rtl"]:not([has-controls])) [part="input-field"] ::slotted(input)::placeholder {
+        text-align: left;
+      }
+
+      :host([dir="rtl"]:not([has-controls])) [part="value"]:-ms-input-placeholder,
+      :host([dir="rtl"]:not([has-controls])) [part="input-field"] ::slotted(input):-ms-input-placeholder {
+        text-align: left;
+      }
+    </style>
+
+    <div disabled\$="[[!_allowed(-1, value, min, max, step)]]" part="decrease-button" on-click="_decreaseValue" on-touchend="_decreaseButtonTouchend" hidden\$="[[!hasControls]]">
+    </div>
+
+    <div disabled\$="[[!_allowed(1, value, min, max, step)]]" part="increase-button" on-click="_increaseValue" on-touchend="_increaseButtonTouchend" hidden\$="[[!hasControls]]">
+    </div>
+  </template>
+
+  
+</dom-module>`;let a;document.head.appendChild(s.content);class r extends e{static get is(){return"vaadin-number-field"}static get version(){return"2.10.0"}static get properties(){return{hasControls:{type:Boolean,value:!1,reflectToAttribute:!0},min:{type:Number,reflectToAttribute:!0,observer:"_minChanged"},max:{type:Number,reflectToAttribute:!0,observer:"_maxChanged"},step:{type:Number,value:1,observer:"_stepChanged"}}}ready(){super.ready(),this.__previousValidInput=this.value||"",this.inputElement.type="number",this.inputElement.addEventListener("change",this.__onInputChange.bind(this))}_decreaseButtonTouchend(e){e.preventDefault(),this._decreaseValue()}_increaseButtonTouchend(e){e.preventDefault(),this._increaseValue()}static get template(){if(!a){a=super.template.cloneNode(!0);const e=i.import(this.is+"-template","template"),t=e.content.querySelector('[part="decrease-button"]'),n=e.content.querySelector('[part="increase-button"]'),s=e.content.querySelector("style"),r=a.content.querySelector('[part="input-field"]'),l=a.content.querySelector('[name="prefix"]');r.insertBefore(t,l),r.appendChild(n),a.content.appendChild(s)}return a}_createConstraintsObserver(){this._createMethodObserver("_constraintsChanged(required, minlength, maxlength, pattern, min, max, step)")}_constraintsChanged(e,t,i,n,s,a,r){if(!this.invalid)return;const l=e=>!e&&0!==e;l(s)&&l(a)?super._constraintsChanged(e,t,i,n):this.validate()}_decreaseValue(){this._incrementValue(-1)}_increaseValue(){this._incrementValue(1)}_incrementValue(e){if(this.disabled||this.readonly)return;let t=parseFloat(this.value);this.value?t<this.min?(e=0,t=this.min):t>this.max&&(e=0,t=this.max):0==this.min&&e<0||0==this.max&&e>0||0==this.max&&0==this.min?(e=0,t=0):(null==this.max||this.max>=0)&&(null==this.min||this.min<=0)?t=0:this.min>0?(t=this.min,this.max<0&&e<0&&(t=this.max),e=0):this.max<0&&(t=this.max,e<0?e=0:this._getIncrement(1,t-this.step)>this.max?t-=2*this.step:t-=this.step);const i=this._getIncrement(e,t);this.value&&0!=e&&!this._incrementIsInsideTheLimits(e,t)||this._setValue(i)}_setValue(e){this.value=this._inputElementValue=String(parseFloat(e)),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}_getIncrement(e,t){let i=this.step||1,n=this.min||0;const s=Math.max(this._getMultiplier(t),this._getMultiplier(i),this._getMultiplier(n));i*=s,n*=s;const a=((t=Math.round(t*s))-n)%i;return e>0?(t-a+i)/s:e<0?(t-(a||i))/s:t/s}_getDecimalCount(e){const t=String(e),i=t.indexOf(".");return-1===i?1:t.length-i-1}_getMultiplier(e){if(!isNaN(e))return Math.pow(10,this._getDecimalCount(e))}_incrementIsInsideTheLimits(e,t){return e<0?null==this.min||this._getIncrement(e,t)>=this.min:e>0?null==this.max||this._getIncrement(e,t)<=this.max:this._getIncrement(e,t)<=this.max&&this._getIncrement(e,t)>=this.min}_allowed(e){const t=e*(this.step||1),i=parseFloat(this.value);return!this.value||!this.disabled&&this._incrementIsInsideTheLimits(t,i)}_stepChanged(e,t){this.__validateByStep=this.__stepChangedCalled||null!==this.getAttribute("step"),this.inputElement.step=this.__validateByStep?e:"any",this.__stepChangedCalled=!0,this.setAttribute("step",e)}_minChanged(e){this.inputElement.min=e}_maxChanged(e){this.inputElement.max=e}_valueChanged(e,t){e&&isNaN(parseFloat(e))?this.value="":"string"!=typeof this.value&&(this.value=String(this.value)),super._valueChanged(this.value,t)}_onKeyDown(e){38==e.keyCode?(e.preventDefault(),this._increaseValue()):40==e.keyCode&&(e.preventDefault(),this._decreaseValue()),super._onKeyDown(e)}__onInputChange(){this.validate()}checkValidity(){return void 0!==this.min||void 0!==this.max||this.__validateByStep?this.inputElement.checkValidity():super.checkValidity()}_setHasInputValue(e){this._hasInputValue=e.target.value.length>0||e.target.validity.badInput}}window.customElements.define(r.is,r);export{r as N};

package/dist/cdn/shared-79d01877.js

@@ -0,0 +1 @@
+import"./foxy-spinner.js";import{I as e}from"./shared-421e46e9.js";customElements.define("foxy-internal-card",e);