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