https://squareup.com/shop/hardware/v2/_next/static/chunks/7467.72bdef92cf0687d2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7467],{5412:function(e,t,i){i.d(t,{c:function(){return o}});function o(...e){return e.reduce((e,t)=>{if("string"==typeof t)e.push(t);else if("object"==typeof t)for(let i of Object.keys(t))t[i]&&e.push(i);return e},[]).join(" ")}},27467:function(e,t,i){i.r(t),i.d(t,{market_tile:function(){return r}});var o=i(54982),a=i(5412);let r=class{constructor(e){(0,o.r)(this,e),this.marketTileSelectedChanged=(0,o.c)(this,"marketTileSelectedChanged",7),this.marketTileRemoveClicked=(0,o.c)(this,"marketTileRemoveClicked",7),this.hasTrailingAccessorySlot=!1,this.hasIndicatorTextSlot=!1,this.disabled=!1,this.interactive=!1,this.showActions=!1,this.size="medium",this.value=void 0,this.selected=!1,this.hasSlottedMedia=!1}onSizeChange(){this.adjustSlottedLabels()}setSelected(e){if("boolean"!=typeof e)return Promise.resolve();if(this.selected!==e){let{defaultPrevented:t}=this.marketTileSelectedChanged.emit({selected:this.selected,value:this.value});t||(this.selected=e)}return Promise.resolve()}handleClick(e){!this.disabled&&this.interactive&&(this.selected=!this.selected,e.preventDefault(),this.marketTileSelectedChanged.emit({selected:this.selected,value:this.value}))}handleRemoveActionKeydown(e){switch(e.key){case"Enter":case" ":this.handleRemoveActionClick(e)}}handleRemoveActionClick(e){!this.disabled&&this.interactive&&(e.stopPropagation(),this.marketTileRemoveClicked.emit())}renderDefaultRemoveAction(){let{disabled:e,handleRemoveActionClick:t,handleRemoveActionKeydown:i}=this;return(0,o.h)("button",{class:"remove-button",disabled:e,onClick:t.bind(this),onKeyUp:i.bind(this)},(0,o.h)("svg",{slot:"icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"var(--core-critical-text-color)",xmlns:"http://www.w3.org/2000/svg"},(0,o.h)("path",{d:"M12.8318 7.3335V7.1685H12.6668H3.3335H3.1685V7.3335V8.66683V8.83183H3.3335H12.6668H12.8318V8.66683V7.3335Z",fill:"var(--core-critical-text-color)",stroke:"var(--core-critical-text-color)","stroke-width":"0.33"})))}handleKeydown(e){if(e.target===this.el)switch(e.key){case"Enter":case" ":this.handleClick(e)}}adjustSlottedLabels(){let{size:e,el:t}=this,i=t.querySelector('[slot="hint"]'),o=t.querySelector('[slot="label"]'),a=t.querySelector('[slot="subtext"]');o&&t.style.setProperty("--item-tile-label-line-clamp",(i||a&&"small"===e?1:2).toString())}checkSlottedMedia(){this.hasSlottedMedia=Boolean(this.el.querySelector('[slot="media"]'))}componentWillLoad(){this.checkSlottedMedia(),this.hasIndicatorTextSlot=Boolean(this.el.querySelector('[slot="indicator"]'))}render(){let{disabled:e,size:t,hasSlottedMedia:i,hasIndicatorTextSlot:r,interactive:s,showActions:l,selected:c}=this;return(0,o.h)(o.H,{key:"541483b1cf369bf9642e5458d9b4912b80c8695b",class:"market-tile",tabindex:s&&!e?"0":null,"aria-selected":c.toString(),onClick:e=>this.handleClick(e),onKeydown:e=>this.handleKeydown(e)},(0,o.h)("div",{key:"38d9e4ecede9b50df43ef76b5c2ed0f369d7578e",class:(0,a.c)("background-image",{"has-slotted-media":i})},(0,o.h)("slot",{key:"91d0eea54153117b8db4f042550cadc0b9cab326",onSlotchange:()=>this.checkSlottedMedia(),name:"media"})),(0,o.h)("slot",{key:"0441d432389fed40905136ac57cfbacdff8078ec",name:"leading-accessory"}),(0,o.h)("div",{key:"22b93caf2b9d5d56c9a7f4847aa26e2b0a69cc16",class:"trailing-accessory-container"},l&&(0,o.h)("slot",{key:"1466b8d7b681f65cf6bb9622b8da3a58cc4a8fbf",name:"actions"},this.renderDefaultRemoveAction()),!l&&r&&(0,o.h)("slot",{key:"4002c1c265a270a90464cdcf03341a6e54f210d5",name:"indicator"})),(0,o.h)("div",{key:"ab7d79571908ef1a3c78a2e1d093615bfb584edd",class:"content"},"small"!==t&&(0,o.h)("slot",{key:"6fbdb0962dca8f293d2f8498c5501434b1e6ec32",onSlotchange:()=>this.adjustSlottedLabels(),name:"hint"}),(0,o.h)("slot",{key:"7d2b5919dcc4cd3abaac6beebe0bba52bb95d83b",onSlotchange:()=>this.adjustSlottedLabels(),name:"label"}),(0,o.h)("slot",{key:"7ca0269dee16b4b9e6a2164887d4beb1ecdc505e",onSlotchange:()=>this.adjustSlottedLabels(),name:"subtext"})))}get el(){return(0,o.g)(this)}static get watchers(){return{size:["onSizeChange"]}}};r.style='::slotted([slot="hint"]){font-weight:var(--core-type-display-10-weight);font-size:var(--core-type-display-10-size);font-family:var(--core-type-display-10-font-family);line-height:var(--core-type-display-10-leading);letter-spacing:var(--core-type-display-10-tracking);text-transform:var(--core-type-display-10-case)}::slotted([slot="subtext"]){font-weight:var(--core-type-paragraph-10-weight);font-size:var(--core-type-paragraph-10-size);font-family:var(--core-type-paragraph-10-font-family);line-height:var(--core-type-paragraph-10-leading);letter-spacing:var(--core-type-paragraph-10-tracking);text-transform:var(--core-type-paragraph-10-case)}::slotted([slot="subtext"]) b,::slotted([slot="subtext"]) strong{font-weight:var(--core-type-semibold-10-weight)}::slotted([slot="label"]){font-weight:var(--core-type-medium-30-weight);font-size:var(--core-type-medium-30-size);font-family:var(--core-type-medium-30-font-family);line-height:var(--core-type-medium-30-leading);letter-spacing:var(--core-type-medium-30-tracking);text-transform:var(--core-type-medium-30-case)}::slotted([slot="indicator"]){font-weight:var(--core-type-semibold-10-weight);font-size:var(--core-type-semibold-10-size);font-family:var(--core-type-semibold-10-font-family);line-height:var(--core-type-semibold-10-leading);letter-spacing:var(--core-type-semibold-10-tracking);text-transform:var(--core-type-semibold-10-case)}:host{--item-tile-text-color:black;--focus-ring-color:color-mix(\n      in srgb,\n      var(--item-tile-focus-ring-color, var(--core-focus-ring-color)) 100%,\n      transparent\n    );position:relative;z-index:1;display:grid;grid-template-areas:"leading-accessory _ trailing-accessory"\n    "content content content";grid-template-columns:minmax(0, max-content) 1fr auto;box-sizing:border-box;

1width:var(--item-tile-width, 200px);height:var(--item-tile-medium-height, 124px);padding:var(--item-tile-medium-padding, var(--core-metrics-spacing-150));border-radius:var(--item-tile-border-radius, 6px);background:var(--item-tile-fill-color, var(--core-fill-40-color));-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([interactive]){cursor:pointer}:host([size="small"]){grid-template-areas:"leading-accessory content trailing-accessory";grid-template-columns:max-content 1fr minmax(0, max-content);height:var(--item-tile-small-height, 56px);padding:var(--item-tile-small-padding-vertical, var(--core-metrics-spacing-50))\n      var(--item-tile-small-padding-horizontal, var(--core-metrics-spacing-150));-moz-column-gap:var(--core-metrics-spacing-100);column-gap:var(--core-metrics-spacing-100)}:host([size="small"]) ::slotted([slot="leading-accessory"]),:host([size="small"]) .trailing-accessory-container{align-items:center}:host([size="small"]) .content{justify-content:center;align-items:start}:host([size="small"]) .remove-button{position:relative}:host([aria-disabled]){opacity:20%;cursor:not-allowed}:host([aria-disabled]) .remove-button{cursor:not-allowed}:host([aria-disabled]) .remove-button:hover{background:var(--item-tile-remove-button-fill, #fff)}:host([aria-selected="true"]) ::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--item-tile-border-radius, 6px);box-shadow:inset 0 0 0 var(--item-tile-selected-value-border-width, 2px)\n        var(--item-tile-selected-value-border-color, var(--core-emphasis-fill-color))}:host(:focus-visible){outline:var(--item-tile-focus-ring-border-size, var(--core-focus-ring-border-size)) solid var(--focus-ring-color);outline-offset:var(--item-tile-focus-ring-buffer-size, var(--core-focus-ring-buffer-size))}.background-image{display:none}.background-image.has-slotted-media,.background-image ::slotted([slot="media"]){--item-tile-text-color:white;position:absolute;top:0;left:0;z-index:-1;display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:var(--item-tile-border-radius, 6px)}.background-image.has-slotted-media::before,.background-image ::slotted([slot="media"])::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--item-tile-border-radius, 6px);background-image:var(\n        --item-tile-background-image-gradient,\n        linear-gradient(180.98deg, rgb(0 0 0 / 4%) 0.84%, rgb(0 0 0 / 40%) 99.16%)\n      )}::slotted([slot="leading-accessory"]){z-index:2;display:flex;grid-area:leading-accessory;align-items:flex-start}.trailing-accessory-container{z-index:3;display:flex;grid-area:trailing-accessory;justify-content:flex-end}.trailing-accessory-container .remove-button{position:absolute;width:var(--item-tile-remove-button-width, 24px);height:var(--item-tile-remove-button-height, 24px);border:none;border-radius:100px;background:var(--item-tile-remove-button-fill, var(--core-surface-30-color));box-shadow:var(--elevation-10-shadow);cursor:pointer}.trailing-accessory-container .remove-button:hover{background:var(--item-tile-remove-button-hover-state-background-color, #ffe5ea)}.trailing-accessory-container .remove-button:active{background:var(--item-time-remove-button-active-state-background-color, #ffccd5)}.trailing-accessory-container .remove-button svg{position:absolute;top:0;left:0;padding:var(--core-metrics-spacing-50)}.trailing-accessory-container ::slotted([slot="indicator"]){height:var(--core-metrics-spacing-200);padding:0 var(--core-metrics-spacing-100);border-radius:100px;background:var(--core-fill-10-dark-mode-color);color:black;box-shadow:var(--elevation-10-shadow)}.content{z-index:2;display:flex;flex-direction:column;grid-area:content;justify-content:flex-end;min-width:0}::slotted([slot="label"]){display:-webkit-box;overflow-y:hidden;min-width:0;-webkit-line-clamp:var(--item-tile-label-line-clamp, 1);-webkit-box-orient:vertical}::slotted([slot="subtext"]){display:-webkit-box;overflow-y:hidden;min-width:0;-webkit-line-clamp:1;-webkit-box-orient:vertical}'}}]);