{"version":3,"file":"animate-layout.mjs","sources":["../../../src/layout/animate-layout.ts"],"sourcesContent":["import type { AnimationOptions } from \"../animation/types\"\nimport type { ElementOrSelector } from \"../utils/resolve-elements\"\nimport {\n    LayoutAnimationBuilder,\n    parseAnimateLayoutArgs,\n} from \"./LayoutAnimationBuilder\"\n\n/**\n * Animate layout changes made within `updateDom` on elements tagged\n * with `data-layout` or `data-layout-id`.\n *\n * ```\n * animateLayout(() => {\n *     element.style.justifyContent = \"flex-end\"\n * })\n * ```\n */\nexport function animateLayout(\n    scopeOrUpdateDom: ElementOrSelector | (() => void),\n    updateDomOrOptions?: (() => void) | AnimationOptions,\n    options?: AnimationOptions\n): LayoutAnimationBuilder {\n    const { scope, updateDom, defaultOptions } = parseAnimateLayoutArgs(\n        scopeOrUpdateDom,\n        updateDomOrOptions,\n        options\n    )\n    return new LayoutAnimationBuilder(scope, updateDom, defaultOptions)\n}\n"],"names":[],"mappings":";;AAOA;;;;;;;;;AASG;SACa,aAAa,CACzB,gBAAkD,EAClD,kBAAoD,EACpD,OAA0B,EAAA;AAE1B,IAAA,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,sBAAsB,CAC/D,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,CACV;IACD,OAAO,IAAI,sBAAsB,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC;AACvE;;;;"}