@mhmo91/schmancy 0.1.3 → 0.2.0

package/dist/{chips-42rqq7eR.cjs → chips-Cv0qcGHx.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs");const F=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const B=require("./litElement.mixin-T2hfvva-.cjs");require("./tailwind.mixin-BXsGUMQ1.cjs");const n=require("lit"),l=require("lit/decorators.js");function d(a,e,t,i){var r,o=arguments.length,s=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(a,e,t,i);else for(var c=a.length-1;c>=0;c--)(r=a[c])&&(s=(o<3?r(s):o>3?r(e,t,s):r(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s}const q=Symbol("attachableController");let E;n.isServer||(E=new MutationObserver(a=>{var e;for(const t of a)(e=t.target[q])==null||e.hostConnected()}));class N{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[q]=this,E==null||E.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const H=["focusin","focusout","pointerdown"];class O extends n.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new N(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){var t;if(!e[D]){switch(e.type){default:return;case"focusin":this.visible=((t=this.control)==null?void 0:t.matches(":focus-visible"))??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[D]=!0}}onControlChange(e,t){if(!n.isServer)for(const i of H)e==null||e.removeEventListener(i,this),t==null||t.addEventListener(i,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d([l.property({type:Boolean,reflect:!0})],O.prototype,"visible",void 0),d([l.property({type:Boolean,reflect:!0})],O.prototype,"inward",void 0);const D=Symbol("handledByFocusRing"),K=n.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+"use strict";require("rxjs");const F=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const B=require("./litElement.mixin-IGVWivq2.cjs");require("./tailwind.mixin-TcrSCY6e.cjs");const n=require("lit"),l=require("lit/decorators.js");function d(a,e,t,i){var r,o=arguments.length,s=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(a,e,t,i);else for(var c=a.length-1;c>=0;c--)(r=a[c])&&(s=(o<3?r(s):o>3?r(e,t,s):r(e,t))||s);return o>3&&s&&Object.defineProperty(e,t,s),s}const q=Symbol("attachableController");let E;n.isServer||(E=new MutationObserver(a=>{var e;for(const t of a)(e=t.target[q])==null||e.hostConnected()}));class N{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[q]=this,E==null||E.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const H=["focusin","focusout","pointerdown"];class O extends n.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new N(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){var t;if(!e[D]){switch(e.type){default:return;case"focusin":this.visible=((t=this.control)==null?void 0:t.matches(":focus-visible"))??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[D]=!0}}onControlChange(e,t){if(!n.isServer)for(const i of H)e==null||e.removeEventListener(i,this),t==null||t.addEventListener(i,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d([l.property({type:Boolean,reflect:!0})],O.prototype,"visible",void 0),d([l.property({type:Boolean,reflect:!0})],O.prototype,"inward",void 0);const D=Symbol("handledByFocusRing"),K=n.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
 `;let k=class extends O{};k.styles=[K],k=d([l.customElement("md-focus-ring")],k);const V="cubic-bezier(0.2, 0, 0, 1)";var h;(function(a){a[a.INACTIVE=0]="INACTIVE",a[a.TOUCH_DELAY=1]="TOUCH_DELAY",a[a.HOLDING=2]="HOLDING",a[a.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(h||(h={}));const j=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],I=n.isServer?null:window.matchMedia("(forced-colors: active)");class x extends n.LitElement{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=h.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new N(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return n.html`<div class="surface ${F.classMap(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==h.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==h.HOLDING)return this.state===h.TOUCH_DELAY?(this.state=h.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=h.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=h.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=h.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,150)}),this.state===h.TOUCH_DELAY&&(this.state=h.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==h.WAITING_FOR_CLICK?this.state===h.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),i=Math.max(e,t),r=Math.max(.35*i,75),o=Math.floor(.2*i),s=Math.sqrt(t**2+e**2)+10;this.initialSize=o,this.rippleScale=""+(s+r)/o,this.rippleSize=`${o}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:i}=window,{left:r,top:o}=this.getBoundingClientRect(),s=t+r,c=i+o,{pageX:p,pageY:v}=e;return{x:p-s,y:v-c}}getTranslationCoordinates(e){const{height:t,width:i}=this.getBoundingClientRect(),r={x:(i-this.initialSize)/2,y:(t-this.initialSize)/2};let o;return o=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:i/2,y:t/2},o={x:o.x-this.initialSize/2,y:o.y-this.initialSize/2},{startPoint:o,endPoint:r}}startPressAnimation(e){var s;if(!this.mdRoot)return;this.pressed=!0,(s=this.growAnimation)==null||s.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:i}=this.getTranslationCoordinates(e),r=`${t.x}px, ${t.y}px`,o=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${r}) scale(1)`,`translate(${o}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:V,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=h.INACTIVE;const e=this.growAnimation;let t=1/0;typeof(e==null?void 0:e.currentTime)=="number"?t=e.currentTime:e!=null&&e.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise(i=>{setTimeout(i,225-t)}),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:i,left:r,bottom:o,right:s}=this.getBoundingClientRect();return e>=r&&e<=s&&t>=i&&t<=o}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!(I!=null&&I.matches))switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){if(!n.isServer)for(const i of j)e==null||e.removeEventListener(i,this),t==null||t.addEventListener(i,this)}}d([l.property({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),d([l.state()],x.prototype,"hovered",void 0),d([l.state()],x.prototype,"pressed",void 0),d([l.query(".surface")],x.prototype,"mdRoot",void 0);const Y=n.css`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
 `;let L=class extends x{};L.styles=[Y],L=d([l.customElement("md-ripple")],L);const M=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],W=M.map(U);function T(a){return W.includes(a)}function U(a){return a.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}const C=Symbol("privateIgnoreAttributeChangesFor");function S(a){return`data-${a}`}function P(a){return a.replace(/-\w/,e=>e[1].toUpperCase())}const X=function(a){var e;if(n.isServer)return a;class t extends a{constructor(){super(...arguments),this[e]=new Set}attributeChangedCallback(r,o,s){if(!T(r))return void super.attributeChangedCallback(r,o,s);if(this[C].has(r))return;this[C].add(r),this.removeAttribute(r),this[C].delete(r);const c=P(r);s===null?delete this.dataset[c]:this.dataset[c]=s,this.requestUpdate(P(r),o)}getAttribute(r){return T(r)?super.getAttribute(S(r)):super.getAttribute(r)}removeAttribute(r){super.removeAttribute(r),T(r)&&(super.removeAttribute(S(r)),this.requestUpdate())}}return e=C,function(i){for(const r of M){const o=U(r),s=S(o),c=P(o);i.createProperty(r,{attribute:o,noAccessor:!0}),i.createProperty(Symbol(s),{attribute:s,noAccessor:!0}),Object.defineProperty(i.prototype,r,{configurable:!0,enumerable:!0,get(){return this.dataset[c]??null},set(p){const v=this.dataset[c]??null;p!==v&&(p===null?delete this.dataset[c]:this.dataset[c]=p,this.requestUpdate(r,v))}})}}(t),t}(n.LitElement);class m extends X{get rippleDisabled(){return this.disabled||this.softDisabled}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.alwaysFocusable=!1,this.label="",this.hasIcon=!1,n.isServer||this.addEventListener("click",this.handleClick.bind(this))}focus(e){this.disabled&&!this.alwaysFocusable||super.focus(e)}render(){return n.html`
       <div class="container ${F.classMap(this.getContainerClasses())}">
@@ -82,4 +82,4 @@
 		`}};y([l.query("md-chip-set")],f.prototype,"chipSet",2),y([l.property({type:String,reflect:!0})],f.prototype,"label",2),y([l.property({type:String,reflect:!0})],f.prototype,"value",2),y([l.property({type:Boolean,reflect:!0})],f.prototype,"selected",2),y([l.property({type:String,reflect:!0})],f.prototype,"icon",2),f=y([l.customElement("schmancy-chip")],f);var de=Object.defineProperty,he=Object.getOwnPropertyDescriptor,w=(a,e,t,i)=>{for(var r,o=i>1?void 0:i?he(e,t):e,s=a.length-1;s>=0;s--)(r=a[s])&&(o=(i?r(e,t,o):r(o))||o);return i&&o&&de(e,t,o),o};let b=class extends B.$LitElement(){constructor(){super(...arguments),this.multi=!1,this.values=[],this.value=""}async change(a){a.preventDefault(),a.stopPropagation();const{value:e,selected:t}=a.detail;if(this.multi){if(t){this.values=[...this.values,e];const i=this.chips.find(r=>r.value===e);i&&(i.selected=!0)}else{this.values=this.values.filter(r=>r!==e);const i=this.chips.find(r=>r.value===e);i&&(i.selected=!1)}this.requestUpdate()}else{const{value:i,selected:r}=a.detail;this.value=r?i:"";const o=this.chips.find(s=>s.value===i);o.selected=r||!1,this.chips.forEach(s=>{this.value&&this.value===s.value?s.selected=!0:s.selected=!1}),this.requestUpdate()}this.dispatchEvent(new CustomEvent("change",{detail:this.multi?this.values:this.value,bubbles:!0}))}firstUpdated(a){super.firstUpdated(a),this.hydrateTabs()}attributeChangedCallback(a,e,t){super.attributeChangedCallback(a,e,t),(a==="values"||a==="value")&&this.hydrateTabs()}hydrateTabs(){this.chips.forEach(a=>{this.multi?this.values.includes(a.value)?a.selected=!0:a.selected=!1:this.value===a.value?a.selected=!0:a.selected=!1})}render(){return n.html` <md-chip-set @change=${this.change}>
 			<slot @slotchange=${()=>this.hydrateTabs()}></slot>
 		</md-chip-set>`}};w([l.query("md-chip-set")],b.prototype,"chipSet",2),w([l.property({type:Boolean,reflect:!0})],b.prototype,"multi",2),w([l.property({type:Array,reflect:!0})],b.prototype,"values",2),w([l.property({type:String,reflect:!0})],b.prototype,"value",2),w([l.queryAssignedElements({selector:"schmancy-chip",flatten:!0})],b.prototype,"chips",2),b=w([l.customElement("schmancy-chips")],b);
-//# sourceMappingURL=chips-42rqq7eR.cjs.map
+//# sourceMappingURL=chips-Cv0qcGHx.cjs.map