{"version":3,"file":"acorex-components-aspect-ratio.mjs","sources":["../../../../packages/components/aspect-ratio/src/lib/aspect-ratio.component.ts","../../../../packages/components/aspect-ratio/src/acorex-components-aspect-ratio.ts"],"sourcesContent":["import { NXComponent } from '@acorex/cdk/common';\nimport { Component, computed, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-aspect-ratio',\n template: `\n
\n
\n \n
\n
\n `,\n styles: `\n .aspect-ratio-wrapper {\n width: 100%;\n display: block;\n position: relative;\n }\n .content-wrapper {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n }\n `,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXAspectRatioComponent extends NXComponent {\n ratio = input(16 / 9);\n paddingTop = computed(() => `${100 / this.ratio()}%`);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AA4BM,MAAO,sBAAuB,SAAQ,WAAW,CAAA;AAzBvD,IAAA,WAAA,GAAA;;AA0BE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC;kFAAC;AACrB,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA,CAAA,CAAG;uFAAC;AACtD,IAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBvB;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gHAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAiBU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB;;;;;;GAMT,EAAA,aAAA,EAec,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,gHAAA,CAAA,EAAA;;;AC1BvC;;AAEG;;;;"}