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