티스토리 수익 글 보기

import{aj as b,i as l,b as f,e as h,f as g,Z as m,g as y,D as k,a as d,c as x}from”./sp-button-group-B-hQqj2b-Ds8Lc0Vu.js”;import”./sp-switch-C-kKr_HU-Cpu8s6XO.js”;import{a as w}from”./creative-cloud-icon-CELqJJSR-8sGZk9f3.js”;const v=”af.activation”,u=class extends CustomEvent{constructor(e){super(v,{detail:e,bubbles:!0,composed:!0})}};u.EVENT_NAME=v;let $=u;var A=Object.defineProperty;const E=t=>{class e extends b(t){get hasHref(){return!!this.href&&this.href.length>0}connectedCallback(){super.connectedCallback(),this.hasHref&&(this.classList.add(“linkable”),this.setAttribute(“role”,”link”),this.addEventListener(“click”,this.handleClick),this.addEventListener(“keypress”,this.handleKeypress))}renderLinkable(r){return l`${r} ${this.hasHref?this.renderAnchor({id:”anchor”,className:”anchor”,ariaHidden:!0,tabindex:-1}):””}`}handleClick(){this.anchorElement.click()}handleKeypress(r){const{code:s}=r;switch(s){case”Enter”:case”Space”:this.click()}}}return((i,r,s)=>{for(var o,a=void 0,p=i.length-1;p>=0;p–)(o=i[p])&&(a=o(r,s,a)||a);a&&A(r,s,a)})([f(“.anchor”)],e.prototype,”anchorElement”),e},P=h`:host{–card-actions-padding: 10px 0 0 0;–card-background: var(–spectrum-global-color-gray-50);–card-border-radius: 4px;–card-box-shadow: 0 2px var(–spectrum-alias-dropshadow-blur) var(–spectrum-alias-dropshadow-color);–card-font-color: var(–spectrum-global-color-gray-900);–card-overlay-background: rgba(0, 0, 0, .7);background:var(–card-background);border-radius:var(–card-border-radius);box-shadow:var(–card-box-shadow);display:inline-flex;flex-direction:column;position:relative;outline:none;overflow:hidden}:host(.linkable){cursor:pointer}::slotted(img){display:block;width:100%}.activation-switch{–spectrum-switch-m-handle-size: 24px;–spectrum-switch-m-text-size: 0;–spectrum-switch-m-track-height: 24px;–spectrum-switch-track-width: 40px;width:36px}.anchor{visibility:hidden}.overlay{background:var(–card-overlay-background);border-radius:var(–card-border-radius);bottom:0;color:var(–spectrum-global-color-static-gray-100);left:0;opacity:0;padding:15px;position:absolute;right:0;top:0;transition:opacity .5s}:host(:hover) .overlay,:host(:focus) .overlay,:host(:focus-within) .overlay{opacity:1}.overlay .actions{padding:var(–card-actions-padding);position:absolute;top:0;right:0}:host(:focus-visible),:host([selected]){border-color:var( –spectrum-card-border-color-key-focus, var(–spectrum-alias-border-color-focus));box-shadow:0 0 0 2px var( –spectrum-card-border-color-key-focus, var(–spectrum-alias-border-color-focus))}`,C=h`:host{background:var(–spectrum-global-color-gray-75);border:1px solid var(–spectrum-global-color-gray-300);box-shadow:none}:host(:hover),:host(:focus){border-color:var( –spectrum-card-border-color-key-focus, var(–spectrum-alias-border-color-focus));box-shadow:0 0 0 2px var( –spectrum-card-border-color-key-focus, var(–spectrum-alias-border-color-focus))}.anchor{bottom:0;left:0;right:0;position:absolute;top:0;visibility:visible;z-index:1}.actions{z-index:2}.card-footer{align-items:center;background-color:#fafafa;border-top:1px solid var(–spectrum-global-color-gray-300);display:flex;height:60px;justify-content:center;padding:0 15px}.description{flex:1;list-style:none;margin:0;padding:0}.overlay-title,.title{font-weight:600;margin-block-end:0px;margin-block-start:0px}.subtitle,.title{color:var(–spectrum-global-color-gray-600)}.activation-button{margin-right:5px}.activation-button-content{align-items:center;display:flex;gap:5px}.overlay-subtitle,.overlay-title{color:var(–spectrum-global-color-gray-50)}`,L={“specimen-card.action.add-fonts”:”Add fonts”,”specimen-card.action.remove-fonts”:”Remove fonts”,”specimen-card.view-family”:”View family”};var O=Object.defineProperty,_=Object.getOwnPropertyDescriptor,n=(t,e,i,r)=>{for(var s,o=r>1?void 0:r?_(e,i):e,a=t.length-1;a>=0;a–)(s=t[a])&&(o=(r?s(e,i,o):s(o))||o);return r&&o&&O(e,i,o),o};let c=class extends g(m(E(k),L)){constructor(){super(…arguments),this.activated=!1,this.footer=!1,this._openFDPAnalytics=t=>{this.sendAnalyticsEvent(“specimen-fdp-open”,{title:t})}}static get styles(){return[P,C]}connectedCallback(){super.connectedCallback(),this.addEventListener(“click”,()=>this._openFDPAnalytics(this.title))}render(){return this.renderLinkable(l`${this.renderOverlay()}`)}handleActivationSwitchChange(t){t.stopPropagation(),this.dispatchEvent(new $({isActivated:!this.activated}))}stopKeypressPropagation(t){t.stopPropagation()}handleEnterKeydown(t){if(!t.target)return;t.stopPropagation();const{code:e}=t;e===”Enter”&&t.target.click()}renderActions(){return l``}renderOverlay(){if(!this.footer)return l``}_footer(){if(this.footer)return l``}};n([d({type:Boolean})],c.prototype,”activated”,2),n([d({type:String})],c.prototype,”title”,2),n([d({type:String})],c.prototype,”subtitle”,2),n([d({type:Boolean})],c.prototype,”footer”,2),c=n([x(“af-specimen-card”)],c);export{$ as a,P as b,E as c}; //# sourceMappingURL=SpecimenCard-yIZwXKlM.js.map