https://langehair.com/cdn/shop/t/7303/assets/grid-layout-toggle-el…?v=145737406834953415451790292302

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="3b4f53f7-25a1-4b16-84cd-600aa2d9fe20",e._sentryDebugIdIdentifier="sentry-dbid-3b4f53f7-25a1-4b16-84cd-600aa2d9fe20")}catch(e){}}(),function(){"use strict";class GridLayoutToggle extends HTMLElement{value=null;onChangeBound=this.onChange.bind(this);onReadyBound=this.onReady.bind(this);connectedCallback(){this.initializeShadowRoot(),this.value=function(){try{return localStorage.getItem("plp_mobile_columns")||"2"}catch(e){return"2"}}(),this.shadowRoot.addEventListener("change",this.onChangeBound),this.releaseReady=function(e,t){if(void 0===t&&(t="DOMContentLoaded"),"complete"===document.readyState||"DOMContentLoaded"===t&&"interactive"===document.readyState){const t=setTimeout(e,0);return()=>clearTimeout(t)}return addEventListener(t,e),()=>removeEventListener(t,e)}(this.onReadyBound)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this.onChangeBound),this.releaseReady&&this.releaseReady()}initializeShadowRoot(){this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML='<style>:host{display:flex;justify-content:flex-end;padding-top:8px;padding-bottom:8px;color:#767676;flex-shrink:0}@media only screen and (min-width:501px){:host{display:none}}:host(:not([data-target])){display:none}fieldset{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0;padding:0;border:1px solid;border-radius:4px}fieldset:focus-within{outline:2px solid #1e1e1e;outline-offset:2px}fieldset:before{content:"";display:none;position:absolute;top:-1px;left:-1px;width:calc(50% + 2px);height:calc(100% + 2px);background-color:#1e1e1e;border-radius:4px 0 0 4px;transition-duration:.3s;transition-property:left,border-radius}fieldset[data-selected-value]:before{display:block}fieldset[data-selected-value="2"]:before{left:calc(50% - 1px);border-radius:0 4px 4px 0}label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);transition-duration:.3s;transition-property:color;font-size:.875rem;line-height:1;white-space:nowrap;box-sizing:border-box}@media only screen and (min-width:400px){label{padding:8px}}label svg{display:block;width:16px;height:16px;stroke:currentcolor;flex-shrink:0}@media only screen and (min-width:400px){label svg{width:18px;height:18px}}input:checked+label{color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:none}</style><fieldset><legend class="visually-hidden">Grid layout</legend><input class="visually-hidden" type="radio" name="columns" value="1" id="one-column"><label for="one-column"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>1 column</span></label><input class="visually-hidden" type="radio" name="columns" value="2" id="two-columns"><label for="two-columns"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 3V21M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>2 columns</span></label></fieldset>')}render(){const e=this.shadowRoot.querySelector(`input[value="${this.value}"]`);e&&e instanceof HTMLInputElement&&(e.checked=!0);const t=this.shadowRoot.querySelector("fieldset");t&&(t.dataset.selectedValue=this.value);const n=this.dataset.target;if(n){const e=this.closest(n);e&&e.setAttribute("data-mobile-columns",this.value)}}onReady(){this.isConnected&&this.render()}onChange(e){const t=e.target;t instanceof HTMLInputElement&&(this.value=t.value,this.render(),function(e){try{localStorage.setItem("plp_mobile_columns",e)}catch(e){}}(t.value))}}customElements.get("grid-layout-toggle")||customElements.define("grid-layout-toggle",GridLayoutToggle)}();
2//# sourceMappingURL=grid-layout-toggle-element-section-e45ed78f61b8e1c87a8a894b9df00bff.map.json