티스토리 수익 글 보기

Press escape or double click to reset the slider to its default value.

`}render(){return this.clearHandleComponentCache(),this.model.map((e,t)=>{const r=this.handleOrder.indexOf(e.name)+2;return this.renderHandle(e,t,r,this.model.length>1)})}trackSegments(){const e=this.model.map(t=>t.normalizedValue);return e.sort((t,r)=>t-r),e.unshift(0),e.map((t,r,i)=>{var s;return[t,(s=i[r+1])!=null?s:1]})}updateModel(){const e=[…this.handles.values()],t=i=>{const s=e[i],l=e[i-1],n=e[i+1],d=typeof s.min==”number”?s.min:this.host.min,u=typeof s.max==”number”?s.max:this.host.max,p={range:{min:d,max:u},clamp:{min:d,max:u}};if(s.min===”previous”&&l){for(let y=i-1;y>=0;y–){const z=e[y];if(typeof z.min==”number”){p.range.min=z.min;break}}p.clamp.min=Math.max(l.value,p.range.min)}if(s.max===”next”&&n){for(let y=i+1;y{var l;const n=t(s),{toNormalized:d}=i.normalization,u=Math.max(Math.min(i.value,n.clamp.max),n.clamp.min),p=d(u,n.range.min,n.range.max);return k({name:i.handleName,value:u,normalizedValue:p,highlight:i.highlight,step:(l=i.step)!=null?l:this.host.step,normalization:i.normalization,handle:i,ariaLabel:i!==this.host&&(i==null?void 0:i.label.length)>0?i.label:void 0},n)});this.model=r}handleUpdatesComplete(){return f(this,null,function*(){const e=[…this.handles.values()].filter(t=>t!==this.host).map(t=>t.updateComplete);yield Promise.all(e)})}}const w=[“”,()=>{}],be=ae(class extends de{constructor(){super(…arguments),this.start=w,this.streamInside=w,this.end=w,this.streamOutside=w,this.state=”off”,this.handleStart=a=>{this.clearStream(),this.callHandler(this.start[1],a),!a.defaultPrevented&&(this.removeListeners(),this.addListeners(“on”))},this.handleInside=a=>{this.handleStream(this.streamInside[1],a)},this.handleEnd=a=>{this.clearStream(),this.callHandler(this.end[1],a),this.removeListeners(),this.addListeners(“off”)},this.handleOutside=a=>{this.handleStream(this.streamOutside[1],a)}}render(a){return C}update(a,[{start:e,end:t,streamInside:r=w,streamOutside:i=w}]){var s;this.element!==a.element&&(this.element=a.element,this.removeListeners()),this.host=((s=a.options)==null?void 0:s.host)||this.element,this.start=e,this.end=t,this.streamInside=r,this.streamOutside=i,this.addListeners()}addListeners(a){this.state=a||this.state,this.state===”off”?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state===”on”&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(a,e){typeof a==”function”?a.call(this.host,e):a.handleEvent(e)}handleStream(a,e){this.stream||(this.callHandler(a,e),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(a,e){Array.isArray(a)?a.map(t=>{this.element.addEventListener(t,e)}):this.element.addEventListener(a,e)}removeListener(a,e){Array.isArray(a)?a.map(t=>{this.element.removeEventListener(t,e)}):this.element.removeEventListener(a,e)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}});var fe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,m=(a,e,t,r)=>{for(var i,s=r>1?void 0:r?ke(e,t):e,l=a.length-1;l>=0;l–)(i=a[l])&&(s=(r?i(e,t,s):i(s))||s);return r&&s&&fe(e,t,s),s};const ye=[“filled”,”ramp”,”range”,”tick”];class c extends re(ie(g,””),{noDefaultSize:!0,validSizes:[“s”,”m”,”l”,”xl”]}){constructor(){super(…arguments),this.handleController=new ge(this),this._editable=!1,this.hideStepper=!1,this.type=””,this._variant=””,this.getAriaValueText=e=>{const t=[…e.values()];return t.length===2?`${t[0]} – ${t[1]}`:t.join(“, “)},this.min=0,this.max=100,this.step=1,this.tickStep=0,this.tickLabels=!1,this.disabled=!1,this.quiet=!1,this.indeterminate=!1,this._numberFieldInput=Promise.resolve()}static get styles(){return[ve]}get editable(){return this._editable}set editable(e){if(e===this.editable)return;const t=this.editable;this._editable=this.handleController.size<2&&e,this.editable&&(this._numberFieldInput=J(()=>import(“./sp-number-field-elkRxeKe-Ds7lYmeW.js”),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url)),t!==this.editable&&this.requestUpdate(“editable”,t)}set variant(e){const t=this.variant;e!==this.variant&&(ye.includes(e)&&this.fillStart===void 0?(this._variant=e,this.setAttribute(“variant”,e)):(this._variant=””,this.removeAttribute(“variant”)),this.requestUpdate(“variant”,t))}get variant(){return this._variant}get values(){return this.handleController.values}get handleName(){return”value”}get ariaValueText(){return this.getAriaValueText?this.getAriaValueText(this.handleController.formattedValues):`${this.value}${this._forcedUnit}`}get numberFormat(){return this.getNumberFormat()}get focusElement(){return this.handleController.focusElement}handleLabelClick(e){this.editable&&(e.preventDefault(),this.focus())}render(){return h` ${this.renderLabel()} ${this.renderTrack()} ${this.editable?h` `:C} `}connectedCallback(){super.connectedCallback(),this.handleController.hostConnected()}disconnectedCallback(){super.disconnectedCallback(),this.handleController.hostDisconnected()}update(e){this.handleController.hostUpdate(),e.has(“disabled”)&&this.disabled&&this.handleController.cancelDrag(),super.update(e)}renderLabel(){const e=this.labelVisibility===”none”||this.labelVisibility===”value”,t=this.labelVisibility===”none”||this.labelVisibility===”text”;return h`

`}renderRamp(){return this.variant!==”ramp”?h“:h`

`}renderTicks(){if(this.variant!==”tick”)return h“;const e=this.tickStep||this.step,t=(this.max-this.min)/e,r=t%1!=0,i=new Array(Math.floor(t+1));return i.fill(0,0,t+1),h`

${i.map((s,l)=>h`

${this.tickLabels?h`

${l*e+this.min}

`:C}

`)}

`}renderTrackSegment(e,t){return this.variant===”ramp”?h“:h`

`}getOffsetWidth(e,t){return 100*Math.abs(t-e)}fillStyles(e){const t=this.handleController.activeHandleModel,r=t.normalization.toNormalized(e,this.min,this.max),i=this.dir===”rtl”?”right”:”left”,s=100*(this.value>e?r:t.normalizedValue),l=this.getOffsetWidth(r,t.normalizedValue);return{[i]:`${s}%`,width:`${l}%`}}renderFillOffset(){return this._cachedValue===void 0||this.centerPoint===void 0?h“:h`

this.centerPoint})} style=${I(this.fillStyles(this.centerPoint))} >

`}renderHandle(){return this.variant===”tick”?h“:h` ${this.handleController.render()} `}renderTrack(){const e=this.handleController.trackSegments(),t=[{id:”handles”,html:this.handleController.render()}],r=[{id:”track0″,html:this.renderTrackSegment(…e[0])},{id:”fill”,html:this.renderFillOffset()},{id:”ramp”,html:this.renderRamp()},{id:”handles”,html:this.renderHandle()},…e.slice(1).map(([i,s],l)=>({id:`track${l+1}`,html:this.renderTrackSegment(i,s)}))];return h`

${this.variant===”tick”?h` ${this.renderTicks()}

${H(r,i=>i.id,i=>i.html)}

${H(t,i=>i.id,i=>i.html)}

`:h` ${H(r,i=>i.id,i=>i.html)} `}

`}handleDoubleClick(e){this.handleController.handleDoubleClick(e)}handlePointerdown(e){this.handleController.handlePointerdown(e)}handlePointermove(e){this.handleController.handlePointermove(e)}handlePointerup(e){this.handleController.handlePointerup(e)}handleNumberInput(e){var t;const{value:r}=e.target;(t=e.target)==null||!t.managedInput||isNaN(r)?e.stopPropagation():this.value=r}handleNumberChange(e){var t;const{value:r}=e.target;isNaN(r)?(e.target.value=this.value,e.stopPropagation()):(this.value=r,(t=e.target)!=null&&t.managedInput||this.dispatchInputEvent()),this.indeterminate=!1}trackSegmentStyles(e,t){const r=t-e;return{width:100*r+”%”,”–spectrum-slider-track-background-size”:1/r*100+”%”,”–spectrum-slider-track-segment-position”:100*e+”%”}}getUpdateComplete(){return f(this,null,function*(){const e=yield D(c.prototype,this,”getUpdateComplete”).call(this);return this.editable&&(yield this._numberFieldInput,yield this.numberField.updateComplete),yield this.handleController.handleUpdatesComplete(),e})}willUpdate(e){e.has(“value”)&&e.has(“fillStart”)&&(this._cachedValue=Number(this.value),this.getAttribute(“fill-start”)===””?this.centerPoint=(Number(this.max)-Number(this.min))/2+Number(this.min):Number.isNaN(Number(this.fillStart))||(this.centerPoint=Number(this.fillStart)))}}m([o({type:Boolean,reflect:!0})],c.prototype,”editable”,1),m([o({type:Boolean,reflect:!0,attribute:”hide-stepper”})],c.prototype,”hideStepper”,2),m([o()],c.prototype,”type”,2),m([o({reflect:!0})],c.prototype,”dir”,2),m([o({type:String})],c.prototype,”variant”,1),m([o({attribute:!1})],c.prototype,”getAriaValueText”,2),m([o({type:String,reflect:!0,attribute:”label-visibility”})],c.prototype,”labelVisibility”,2),m([o({type:Number,reflect:!0})],c.prototype,”min”,2),m([o({type:Number,reflect:!0})],c.prototype,”max”,2),m([o({type:Number})],c.prototype,”step”,2),m([o({type:Number,attribute:”tick-step”})],c.prototype,”tickStep”,2),m([o({type:Boolean,attribute:”tick-labels”})],c.prototype,”tickLabels”,2),m([o({type:Boolean,reflect:!0})],c.prototype,”disabled”,2),m([o({type:Number,reflect:!0,attribute:”fill-start”})],c.prototype,”fillStart”,2),m([o({type:Boolean})],c.prototype,”quiet”,2),m([o({type:Boolean})],c.prototype,”indeterminate”,2),m([L(“#label”)],c.prototype,”labelEl”,2),m([L(“#number-field”)],c.prototype,”numberField”,2),m([L(“#track”)],c.prototype,”track”,2),B(“sp-slider”,c);function xe(a){return f(this,null,function*(){return X(`/fonts/variation_favorites?font_variation_ids=${a.join(“,”)}`)})}function we(a){return f(this,null,function*(){return Q(`/fonts/variation_favorites?font_variation_ids=${a.join(“,”)}`)})}class j{constructor(e){v(this,”getI18n”,()=>(Y(“/neue/i18n”)||{})[“neue.browse.favorites”]||{});v(this,”sendNotification”,e=>{this.shouldShowNotification()&&window.dispatchEvent(new ee(e))});v(this,”handleFavoriteEvent”,e=>f(this,null,function*(){const t=e.target,r=t.closest(“af-variation-card”)||t.closest(‘[data-id=”font-variation-card”]’);if(!r||!(“fontVariationId”in r.dataset||”id”in r.dataset))return;this.favoriteButton=t;const i=r.dataset.fontVariationId||r.dataset.id,s=!this.favoriteButton.hasAttribute(“selected”);this.analyticsAttributes.fontVariationId=i,s?yield this._handleAddFavorite(i):yield this._handleRemoveFavorite(i)}));v(this,”_handleAddFavorite”,e=>f(this,null,function*(){try{yield this.handleAuthenticationWithPostLoginAction(“favorite_fonts”,{font_ids:[parseInt(e,10)]}),yield this._addFavorite([e]),this.favoriteButton.toggleAttribute(“selected”,!0),this._sendAddSuccessNotification(),S(“add-favorite”,this.analyticsAttributes)}catch(t){console.error(t),this._sendAddErrorNotification()}}));v(this,”handleAuthenticationWithPostLoginAction”,(e,t)=>f(this,null,function*(){yield ce(e,t)}));v(this,”_addFavorite”,e=>f(this,null,function*(){yield xe(e)}));v(this,”_sendAddSuccessNotification”,()=>{const e=this.getI18n();this.sendNotification({type:”success”,message:e.add_favorite_success})});v(this,”_sendAddErrorNotification”,()=>{const e=this.getI18n();this.sendNotification({type:”error”,message:e.add_favorite_failure})});v(this,”_handleRemoveFavorite”,e=>f(this,null,function*(){try{yield this._removeFavorite([e]),this.favoriteButton.removeAttribute(“selected”),this._sendRemoveSuccessNotification(),S(“remove-favorite”,this.analyticsAttributes)}catch(t){console.error(t),this._sendRemoveErrorNotification()}}));v(this,”_removeFavorite”,e=>f(this,null,function*(){yield we(e)}));v(this,”_sendRemoveSuccessNotification”,()=>{const e=this.getI18n();this.sendNotification({type:”success”,message:e.remove_favorite_success,options:{actionLabel:e.remove_favorite_undo,callbackAction:()=>this.handleUndoRemoveFavorite()}})});v(this,”_sendRemoveErrorNotification”,()=>{const e=this.getI18n();this.sendNotification({type:”error”,message:e.remove_favorite_failure})});v(this,”shouldShowNotification”,()=>!!this.element.closest(“af-library-show-page”));v(this,”handleUndoRemoveFavorite”,()=>{S(“undo-remove-favorite”,this.analyticsAttributes),this.favoriteButton.dispatchEvent(new M)});this.element=e,this.favoriteButton=null,this.analyticsAttributes={}}}function ze(a){const e=new j(a);a.addEventListener(M.EVENT_NAME,e.handleFavoriteEvent)}const Le=Object.freeze(Object.defineProperty({__proto__:null,VariationCardFavorite:j,registerEventHandlers:ze},Symbol.toStringTag,{value:”Module”}));export{V as H,Le as V,be as W,xe as a,ze as b,we as r}; //# sourceMappingURL=VariationCardFavorite-HjDf_gK5.js.map