import{createAttr as e,createStyle as t,createClass as l}from"@gem-sdk/system";import{template as o,getResponsiveValueByScreen as s,makeStyleResponsive as r}from"@gem-sdk/core";let Model3d=({src:a,alt:d,style:m,poster:i,reveal:p,loaded:f,loading:u,arStatus:c,aspectRatio:b,modelIsVisible:g,cameraControls:k,dataJsFocusVisible:v,dataShopifyFeature:w="1.12"})=>{let n=()=>({"gp-w-full gp-h-full model-viewer gp-z-[90]":!0}),y=()=>{let e={desktop:s(b,"desktop")||"1/1",tablet:s(b,"tablet")||"1/1",mobile:s(b,"mobile")||"1/1"};return{...r("aspect",e)}},$=()=>({src:a,alt:d,"data-shopify-feature":w,...m,...i?{poster:i}:{},...p?{reveal:p}:{},...f?{loaded:f}:{},...u?{loading:u}:{},...g?{modelIsVisible:g}:{},...c?{"ar-status":c}:{},...k?{"camera-controls":k}:{},...v?{"data-js-focus-visible":v}:{}}),h=e($()),M=t(y()),j=l(n());return o`
    <model-viewer
      ${{...h}}
      class="${j}"
      style="${M}">
    </model-viewer>
  `};export{Model3d as default};
