{"version":3,"names":["smartFloatDivCss","SmartFloatDiv","async","this","wrapperEl","render","h","Host","part","ref","class","direction","position"],"sources":["./src/components/smart-float-div/smart-float-div.scss?tag=smart-float-div&encapsulation=shadow","./src/components/smart-float-div/smart-float-div.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.float-div{\n  padding: $size-space-md;\n  display: flex;\n  flex: 1;\n  background-color: $color-base-brand-white;\n  box-shadow: 0px 0px $size-space-md rgba(160, 160, 167, 0.25);\n  z-index: 999;\n  position: fixed;\n  left: 0;\n  right: 0;\n  gap: $size-space-sm;\n  justify-content: center;\n}\n\n.column {\n  flex-direction: column;\n}\n\n.top {\n  top: 0;\n}\n\n.bottom {\n  bottom: 0;\n}\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\n\n@Component({\n\ttag: \"smart-float-div\",\n\tstyleUrl: \"smart-float-div.scss\",\n\tshadow: true,\n})\nexport class SmartFloatDiv {\n\tprivate wrapperEl?: HTMLDivElement;\n\n\t@Prop() direction?: \"column\" | \"row\" = \"column\";\n\t@Prop() position?: \"top\" | \"bottom\" = \"bottom\";\n\n\t@Method()\n\tasync getProperties() {\n\t\treturn this.wrapperEl;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host part=\"float-div-element\">\n\t\t\t\t<div \n\t\t\t\t\tref={ref => this.wrapperEl = ref}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"float-div\": true,\n\t\t\t\t\t\t[this.direction]: !!this.direction,\n\t\t\t\t\t\t[this.position]: !!this.position\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,4R,MCOZC,EAAa,M,wCAGc,S,cACD,Q,CAGtCC,sBACC,OAAOC,KAAKC,S,CAGbC,SACC,OACCC,EAACC,EAAI,CAACC,KAAK,qBACVF,EAAA,OACCG,IAAKA,GAAON,KAAKC,UAAYK,EAC7BC,MAAO,CACN,YAAa,KACb,CAACP,KAAKQ,aAAcR,KAAKQ,UACzB,CAACR,KAAKS,YAAaT,KAAKS,WAEzBN,EAAA,c"}