JezK

Edit File: sc-form-row.cjs.entry.js.map

{"file":"sc-form-row.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,6JAA6J,CAAC;AACnL,wBAAe,YAAY;;MCMd,SAAS;;;;;IAOpB,gBAAgB;QACd,IAAI,gBAAgB,IAAI,MAAM,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,MAAM,CAAC,cAAc,CAAC,OAAO;gBAC/C,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;aAC7C,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAChC;KACF;IAED,MAAM;QACJ,QACEA,kEACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,IAAI,CAAC,KAAK,GAAG,GAAG;gBACjC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG;gBACtD,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG;gBACtD,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG;aACnC,IAEDA,oEAAa,CACT,EACN;KACH;;;;;;;","names":["h"],"sources":["src/components/ui/form-row/sc-form-row.scss?tag=sc-form-row&encapsulation=shadow","src/components/ui/form-row/sc-form-row.tsx"],"sourcesContent":[".form-row {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: calc(var(--sc-form-row-spacing, 0.75em) * 2.5);\n}\n\n::slotted(*) {\n flex: 1;\n width: 0;\n}\n","import { Component, State, Element, h } from '@stencil/core';\n\n@Component({\n tag: 'sc-form-row',\n styleUrl: 'sc-form-row.scss',\n shadow: true,\n})\nexport class ScFormRow {\n private observer;\n\n @Element() el: HTMLScFormRowElement;\n\n @State() width: number;\n\n componentDidLoad() {\n if ('ResizeObserver' in window) {\n this.observer = new window.ResizeObserver(entries => {\n this.width = entries?.[0].contentRect.width;\n });\n this.observer.observe(this.el);\n }\n }\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n 'form-row': true,\n 'breakpoint-sm': this.width < 384,\n 'breakpoint-md': this.width >= 384 && this.width < 576,\n 'breakpoint-lg': this.width >= 576 && this.width < 768,\n 'breakpoint-xl': this.width >= 768,\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}