@foxy.io/elements 1.18.0-beta.2 → 1.18.0-beta.20

package/dist/cdn/{shared-48ef8a04.js → shared-d4a652b7.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-fadcb2e1.js";import{L as s,h as t}from"./shared-dc73b9a5.js";import{w as r}from"./shared-33b47806.js";let o,a=e=>e;class d extends s{constructor(){super(...arguments),this.frame=!1}static get properties(){return e(e({},super.properties),{},{frame:{type:Boolean}})}static get styles(){return r.styles}render(){return t(o||(o=a` <section class="space-y-s font-lumo antialiased"> <h3 class="${0}"> <slot name="header"></slot> </h3> <div class="rounded-t-l rounded-b-l ${0}"> <slot></slot> </div> </section> `),"text-s font-medium text-secondary leading-none "+(this.frame?"":"pl-m"),this.frame?"border border-contrast-10 overflow-hidden":"")}}export{d as G};
+import{_ as e}from"./shared-a8ced8bf.js";import{L as s,h as t}from"./shared-7f33a83a.js";import{w as r}from"./shared-1e94e6dd.js";let a,o=e=>e;class d extends s{constructor(){super(...arguments),this.frame=!1}static get properties(){return e(e({},super.properties),{},{frame:{type:Boolean}})}static get styles(){return r.styles}render(){return t(a||(a=o` <section class="space-y-s font-lumo antialiased"> <h3 class="${0}"> <slot name="header"></slot> </h3> <div class="rounded-t-l rounded-b-l ${0}"> <slot></slot> </div> </section> `),"text-s font-medium text-secondary leading-none "+(this.frame?"":"pl-m"),this.frame?"border border-contrast-10 overflow-hidden":"")}}export{d as G};

package/dist/cdn/{shared-a0c6a159.js → shared-d519a301.js}

@@ -1,4 +1,4 @@
-import{d as e,N as t,b as n,e as o,f as s}from"./shared-dc73b9a5.js";
+import{d as e,N as t,b as n,r as o,e as s}from"./shared-7f33a83a.js";
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -12,4 +12,4 @@ import{d as e,N as t,b as n,e as o,f as s}from"./shared-dc73b9a5.js";
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const r=(e,o)=>{const s=e.startNode.parentNode,r=void 0===o?e.endNode:o.startNode,l=s.insertBefore(n(),r);s.insertBefore(n(),r);const a=new t(e.options);return a.insertAfterNode(l),a},l=(e,t)=>(e.setValue(t),e.commit(),e),a=(e,t,n)=>{const s=e.startNode.parentNode,r=n?n.startNode:e.endNode,l=t.endNode.nextSibling;l!==r&&o(s,t.startNode,l,r)},d=e=>{s(e.startNode.parentNode,e.startNode,e.endNode.nextSibling)},i=(e,t,n)=>{const o=new Map;for(let s=t;s<=n;s++)o.set(e[s],s);return o},f=new WeakMap,N=new WeakMap,c=e(((e,n,o)=>{let s;return void 0===o?o=n:void 0!==n&&(s=n),n=>{if(!(n instanceof t))throw new Error("repeat can only be used in text bindings");const c=f.get(n)||[],u=N.get(n)||[],p=[],g=[],b=[];let h,w,v=0;for(const t of e)b[v]=s?s(t,v):v,g[v]=o(t,v),v++;let m=0,x=c.length-1,M=0,k=g.length-1;for(;m<=x&&M<=k;)if(null===c[m])m++;else if(null===c[x])x--;else if(u[m]===b[M])p[M]=l(c[m],g[M]),m++,M++;else if(u[x]===b[k])p[k]=l(c[x],g[k]),x--,k--;else if(u[m]===b[k])p[k]=l(c[m],g[k]),a(n,c[m],p[k+1]),m++,k--;else if(u[x]===b[M])p[M]=l(c[x],g[M]),a(n,c[x],c[m]),x--,M++;else if(void 0===h&&(h=i(b,M,k),w=i(u,m,x)),h.has(u[m]))if(h.has(u[x])){const e=w.get(b[M]),t=void 0!==e?c[e]:null;if(null===t){const e=r(n,c[m]);l(e,g[M]),p[M]=e}else p[M]=l(t,g[M]),a(n,t,c[m]),c[e]=null;M++}else d(c[x]),x--;else d(c[m]),m++;for(;M<=k;){const e=r(n,p[k+1]);l(e,g[M]),p[M++]=e}for(;m<=x;){const e=c[m++];null!==e&&d(e)}f.set(n,p),N.set(n,b)}}));export{c as r};
+const r=(e,o)=>{const s=e.startNode.parentNode,r=void 0===o?e.endNode:o.startNode,l=s.insertBefore(n(),r);s.insertBefore(n(),r);const a=new t(e.options);return a.insertAfterNode(l),a},l=(e,t)=>(e.setValue(t),e.commit(),e),a=(e,t,n)=>{const s=e.startNode.parentNode,r=n?n.startNode:e.endNode,l=t.endNode.nextSibling;l!==r&&o(s,t.startNode,l,r)},i=e=>{s(e.startNode.parentNode,e.startNode,e.endNode.nextSibling)},d=(e,t,n)=>{const o=new Map;for(let s=t;s<=n;s++)o.set(e[s],s);return o},f=new WeakMap,N=new WeakMap,c=e(((e,n,o)=>{let s;return void 0===o?o=n:void 0!==n&&(s=n),n=>{if(!(n instanceof t))throw new Error("repeat can only be used in text bindings");const c=f.get(n)||[],u=N.get(n)||[],p=[],g=[],h=[];let w,b,v=0;for(const t of e)h[v]=s?s(t,v):v,g[v]=o(t,v),v++;let m=0,x=c.length-1,M=0,k=g.length-1;for(;m<=x&&M<=k;)if(null===c[m])m++;else if(null===c[x])x--;else if(u[m]===h[M])p[M]=l(c[m],g[M]),m++,M++;else if(u[x]===h[k])p[k]=l(c[x],g[k]),x--,k--;else if(u[m]===h[k])p[k]=l(c[m],g[k]),a(n,c[m],p[k+1]),m++,k--;else if(u[x]===h[M])p[M]=l(c[x],g[M]),a(n,c[x],c[m]),x--,M++;else if(void 0===w&&(w=d(h,M,k),b=d(u,m,x)),w.has(u[m]))if(w.has(u[x])){const e=b.get(h[M]),t=void 0!==e?c[e]:null;if(null===t){const e=r(n,c[m]);l(e,g[M]),p[M]=e}else p[M]=l(t,g[M]),a(n,t,c[m]),c[e]=null;M++}else i(c[x]),x--;else i(c[m]),m++;for(;M<=k;){const e=r(n,p[k+1]);l(e,g[M]),p[M++]=e}for(;m<=x;){const e=c[m++];null!==e&&i(e)}f.set(n,p),N.set(n,h)}}));export{c as r};

package/dist/cdn/shared-d6276c83.js

@@ -0,0 +1 @@
+var e;!function(e){e[e.ResourceCreated=0]="ResourceCreated",e[e.ResourceDeleted=1]="ResourceDeleted"}(e||(e={}));class t extends CustomEvent{constructor(e="update",t){super(e,t)}}t.UpdateResult=e;export{t as U,e as a};

package/dist/cdn/shared-dbd4a5e8.js

@@ -0,0 +1,150 @@
+import{C as e}from"./shared-2b2002ac.js";import{T as t,D as r}from"./shared-869df7ed.js";import"./shared-39b184de.js";import{h as o,P as a}from"./shared-68e0cf30.js";import{F as s}from"./shared-2f6e33b6.js";import{I as l}from"./shared-0d4f9b06.js";import"./shared-888d690a.js";import{_ as i}from"./shared-a8ced8bf.js";import{i as h}from"./shared-d3bf9ac0.js";import{h as d}from"./shared-7f33a83a.js";const n=o`<dom-module id="lumo-checkbox-group" theme-for="vaadin-checkbox-group">
+  <template>
+    <style include="lumo-required-field">
+      :host {
+        color: var(--lumo-body-text-color);
+        font-size: var(--lumo-font-size-m);
+        font-family: var(--lumo-font-family);
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-tap-highlight-color: transparent;
+        padding: var(--lumo-space-xs) 0;
+      }
+
+      :host::before {
+        height: var(--lumo-size-m);
+        box-sizing: border-box;
+        display: inline-flex;
+        align-items: center;
+      }
+
+      :host([theme~="vertical"]) [part="group-field"] {
+        display: flex;
+        flex-direction: column;
+      }
+
+      [part="label"] {
+        padding-bottom: 0.7em;
+      }
+
+      :host([disabled]) [part="label"] {
+        color: var(--lumo-disabled-text-color);
+        -webkit-text-fill-color: var(--lumo-disabled-text-color);
+      }
+
+      :host([focused]:not([disabled])) [part="label"] {
+        color: var(--lumo-primary-text-color);
+      }
+
+      :host(:hover:not([disabled]):not([focused])) [part="label"],
+      :host(:hover:not([disabled]):not([focused])) [part="helper-text"],
+      :host(:hover:not([disabled]):not([focused])) [part="helper-text"] ::slotted(*) {
+        color: var(--lumo-body-text-color);
+      }
+
+      :host([has-helper]) [part="helper-text"]::before {
+        content: "";
+        display: block;
+        height: 0.4em;
+      }
+
+      [part="helper-text"],
+      [part="helper-text"] ::slotted(*) {
+        display: block;
+        color: var(--lumo-secondary-text-color);
+        font-size: var(--lumo-font-size-xs);
+        line-height: var(--lumo-line-height-xs);
+        margin-left: calc(var(--lumo-border-radius-m) / 4);
+        transition: color 0.2s;
+      }
+
+      /* helper-text position */
+
+      :host([has-helper][theme~="helper-above-field"]) [part="helper-text"]::before {
+        display: none;
+      }
+
+      :host([has-helper][theme~="helper-above-field"]) [part="helper-text"]::after {
+        content: "";
+        display: block;
+        height: 0.4em;
+      }
+
+      :host([has-helper][theme~="helper-above-field"]) [part="label"] {
+        order: 0;
+        padding-bottom: 0.4em;
+      }
+
+      :host([has-helper][theme~="helper-above-field"]) [part="helper-text"] {
+        order: 1;
+      }
+
+      :host([has-helper][theme~="helper-above-field"]) [part="group-field"] {
+        order: 2;
+      }
+
+      :host([has-helper][theme~="helper-above-field"]) [part="error-message"] {
+        order: 3;
+      }
+
+      /* Touch device adjustment */
+      @media (pointer: coarse) {
+        :host(:hover:not([disabled]):not([focused])) [part="label"] {
+          color: var(--lumo-secondary-text-color);
+        }
+      }
+    </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/
+*/
+class c extends(t(r(a))){static get template(){return o`
+    <style>
+      :host {
+        display: inline-flex;
+
+        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */
+        max-width: 100%;
+      }
+
+      :host::before {
+        content: "\\2003";
+        width: 0;
+        display: inline-block;
+      }
+
+      :host([hidden]) {
+        display: none !important;
+      }
+
+      .vaadin-group-field-container {
+        display: flex;
+        flex-direction: column;
+
+        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */
+        width: 100%;
+      }
+
+      [part="label"]:empty {
+        display: none;
+      }
+    </style>
+
+    <div class="vaadin-group-field-container">
+      <label part="label">[[label]]</label>
+
+      <div part="group-field">
+        <slot id="slot"></slot>
+      </div>
+
+      <div part="helper-text" aria-live="assertive" aria-hidden\$="[[_getHelperTextAriaHidden(helperText, _hasSlottedHelper)]]">
+        <slot name="helper">[[helperText]]</slot>
+      </div>
+
+      <div part="error-message" aria-live="assertive" aria-hidden\$="[[_getErrorMessageAriaHidden(invalid, errorMessage)]]">[[errorMessage]]</div>
+
+    </div>
+`}static get is(){return"vaadin-checkbox-group"}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0,observer:"_disabledChanged"},label:{type:String,value:"",observer:"_labelChanged"},value:{type:Array,value:()=>[],notify:!0},errorMessage:{type:String,value:"",observer:"_errorMessageChanged"},helperText:{type:String,value:"",observer:"_helperTextChanged"},required:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},_hasSlottedHelper:Boolean}}static get observers(){return["_updateValue(value, value.splices)"]}ready(){super.ready(),this.addEventListener("focusin",(()=>this._setFocused(this._containsFocus()))),this.addEventListener("focusout",(e=>{this._checkboxes.some((t=>e.relatedTarget===t||t.shadowRoot.contains(e.relatedTarget)))||(this.validate(),this._setFocused(!1))}));const e=e=>{this._changeSelectedCheckbox(e.target)};this._observer=new s(this,(t=>{const r=this._filterCheckboxes(t.addedNodes);r.forEach((t=>{t.addEventListener("checked-changed",e),this.disabled&&(t.disabled=!0),t.checked?this._addCheckboxToValue(t.value):this.value.indexOf(t.value)>-1&&(t.checked=!0)})),this._filterCheckboxes(t.removedNodes).forEach((t=>{t.removeEventListener("checked-changed",e),t.checked&&this._removeCheckboxFromValue(t.value)})),this._setOrToggleHasHelperAttribute();r.every((e=>{const{value:t}=e;return e.hasAttribute("value")||t&&"on"!==t}))||console.warn("Please add value attribute to all checkboxes in checkbox group")}))}validate(){return this.invalid=this.required&&0===this.value.length,!this.invalid}get _checkboxes(){return this._filterCheckboxes(this.querySelectorAll("*"))}_filterCheckboxes(t){return Array.from(t).filter((t=>t instanceof e))}_disabledChanged(e){this.setAttribute("aria-disabled",e),this._checkboxes.forEach((t=>t.disabled=e))}_addCheckboxToValue(e){-1===this.value.indexOf(e)&&(this.value=this.value.concat(e))}_removeCheckboxFromValue(e){this.value=this.value.filter((t=>t!==e))}_changeSelectedCheckbox(e){this._updatingValue||(e.checked?this._addCheckboxToValue(e.value):this._removeCheckboxFromValue(e.value))}_updateValue(e,t){0===e.length&&void 0===this._oldValue||(e.length?this.setAttribute("has-value",""):this.removeAttribute("has-value"),this._oldValue=e,this._updatingValue=!0,this._checkboxes.forEach((t=>{t.checked=e.indexOf(t.value)>-1})),this._updatingValue=!1,this.validate())}_labelChanged(e){this._setOrToggleAttribute("has-label",!!e)}_errorMessageChanged(e){this._setOrToggleAttribute("has-error-message",!!e)}_helperTextChanged(e){this._setOrToggleAttribute("has-helper",!!e)}_setOrToggleAttribute(e,t){e&&(t?this.setAttribute(e,"boolean"==typeof t?"":t):this.removeAttribute(e))}_getErrorMessageAriaHidden(e,t){return(!t||!e).toString()}_containsFocus(){const e=this.getRootNode(),t=void 0!==e._activeElement?e._activeElement:e.activeElement;return this.contains(t)}_setFocused(e){e?this.setAttribute("focused",""):this.removeAttribute("focused")}_setOrToggleHasHelperAttribute(){const e=this.shadowRoot.querySelector('[name="helper"]').assignedNodes();this._hasSlottedHelper=e.filter((e=>3!==e.nodeType)).length>0,this._setOrToggleAttribute("has-helper",this._hasSlottedHelper?"slotted":!!this.helperText)}_getHelperTextAriaHidden(e,t){return(!(e||t)).toString()}}customElements.define(c.is,c);let u,p,b=e=>e;customElements.define("foxy-internal-checkbox-group-control",class extends l{constructor(){super(...arguments),this.options=[],this.theme=null}static get properties(){return i(i({},super.properties),{},{options:{type:Array},theme:{type:String}})}renderControl(){var e;return d(u||(u=b` <vaadin-checkbox-group error-message="${0}" helper-text="${0}" label="${0}" class="w-full" theme="${0}" ?disabled="${0}" .checkValidity="${0}" .value="${0}"> ${0} </vaadin-checkbox-group> `),h(this._errorMessage),this.helperText,this.label,h(null!==(e=this.theme)&&void 0!==e?e:void 0),this.disabled||this.readonly,this._checkValidity,this._value,this.options.map((e=>d(p||(p=b` <vaadin-checkbox value="${0}" @change="${0}"> <foxy-i18n infer="" key="${0}"></foxy-i18n> </vaadin-checkbox> `),e.value,(e=>{const t=e.currentTarget.closest("vaadin-checkbox-group").querySelectorAll("vaadin-checkbox");this._value=Array.from(t).reduce(((e,t)=>t.checked?[...e,t.value]:e),[])}),e.label))))}});