{"version":3,"sources":["../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/src/decorators/property.ts","../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/src/decorators/state.ts","../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/src/decorators/base.ts","../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/src/decorators/query.ts","../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/src/decorators/query-assigned-elements.ts","../package.json","../src/dotlottie-player.ts"],"names":["standardProperty","options","element","kind","descriptor","finisher","clazz","createProperty","key","Symbol","placement","originalKey","initializer","this","call","legacyProperty","proto","name","constructor","property","protoOrDescriptor","state","decorateProperty","_a","info","undefined","ctor","Object","defineProperty","query","selector","cache","get","_b","renderRoot","querySelector","enumerable","configurable","o","t","slotAssignedElements","window","HTMLSlotElement","prototype","assignedElements","slot","opts","assignedNodes","filter","node","nodeType","Node","ELEMENT_NODE","package_default","ELEMENT_NAME","DotLottiePlayer","s","G","loop","loopNb","ln","event","target","value","frame","on","commonPlayer","playerState","prevState","W","manifest","theme","newState","src","overrideRendererSettings","playbackOptions","j","animation","Q","getOptions","targetAnimation","playOnShowOptions","scrollOptions","download","svgElement","data","mode","stateId","playbackKeys","dotlottie_player_styles_default","entries","K","_c","_d","_e","isPlaying","isPaused","x","animationName","themeName","stateName","className","animationClass","__decorateClass","n","i"],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport {PropertyDeclaration, ReactiveElement} from '../reactive-element.js';\nimport {ClassElement} from './base.js';\n\nconst standardProperty = (\n options: PropertyDeclaration,\n element: ClassElement\n) => {\n // When decorating an accessor, pass it through and add property metadata.\n // Note, the `hasOwnProperty` check in `createProperty` ensures we don't\n // stomp over the user's accessor.\n if (\n element.kind === 'method' &&\n element.descriptor &&\n !('value' in element.descriptor)\n ) {\n return {\n ...element,\n finisher(clazz: typeof ReactiveElement) {\n clazz.createProperty(element.key, options);\n },\n };\n } else {\n // createProperty() takes care of defining the property, but we still\n // must return some kind of descriptor, so return a descriptor for an\n // unused prototype field. The finisher calls createProperty().\n return {\n kind: 'field',\n key: Symbol(),\n placement: 'own',\n descriptor: {},\n // store the original key so subsequent decorators have access to it.\n originalKey: element.key,\n // When @babel/plugin-proposal-decorators implements initializers,\n // do this instead of the initializer below. See:\n // https://github.com/babel/babel/issues/9260 extras: [\n // {\n // kind: 'initializer',\n // placement: 'own',\n // initializer: descriptor.initializer,\n // }\n // ],\n initializer(this: {[key: string]: unknown}) {\n if (typeof element.initializer === 'function') {\n this[element.key as string] = element.initializer.call(this);\n }\n },\n finisher(clazz: typeof ReactiveElement) {\n clazz.createProperty(element.key, options);\n },\n };\n }\n};\n\nconst legacyProperty = (\n options: PropertyDeclaration,\n proto: Object,\n name: PropertyKey\n) => {\n (proto.constructor as typeof ReactiveElement).createProperty(name, options);\n};\n\n/**\n * A property decorator which creates a reactive property that reflects a\n * corresponding attribute value. When a decorated property is set\n * the element will update and render. A {@linkcode PropertyDeclaration} may\n * optionally be supplied to configure property features.\n *\n * This decorator should only be used for public fields. As public fields,\n * properties should be considered as primarily settable by element users,\n * either via attribute or the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the {@linkcode state} decorator.\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating public\n * properties should typically not be done for non-primitive (object or array)\n * properties. In other cases when an element needs to manage state, a private\n * property decorated via the {@linkcode state} decorator should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n *\n * ```ts\n * class MyElement {\n * @property({ type: Boolean })\n * clicked = false;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function property(options?: PropertyDeclaration) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (protoOrDescriptor: Object | ClassElement, name?: PropertyKey): any =>\n name !== undefined\n ? legacyProperty(options!, protoOrDescriptor as Object, name)\n : standardProperty(options!, protoOrDescriptor as ClassElement);\n}\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface InternalPropertyDeclaration {\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: InternalPropertyDeclaration) {\n return property({\n ...options,\n state: true,\n });\n}\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\n\n/**\n * Generates a public interface type that removes private and protected fields.\n * This allows accepting otherwise compatible versions of the type (e.g. from\n * multiple copies of the same package in `node_modules`).\n */\nexport type Interface = {\n [K in keyof T]: T[K];\n};\n\nexport type Constructor = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n new (...args: any[]): T;\n};\n\n// From the TC39 Decorators proposal\nexport interface ClassDescriptor {\n kind: 'class';\n elements: ClassElement[];\n finisher?: (clazz: Constructor) => void | Constructor;\n}\n\n// From the TC39 Decorators proposal\nexport interface ClassElement {\n kind: 'field' | 'method';\n key: PropertyKey;\n placement: 'static' | 'prototype' | 'own';\n initializer?: Function;\n extras?: ClassElement[];\n finisher?: (clazz: Constructor) => void | Constructor;\n descriptor?: PropertyDescriptor;\n}\n\nexport const legacyPrototypeMethod = (\n descriptor: PropertyDescriptor,\n proto: Object,\n name: PropertyKey\n) => {\n Object.defineProperty(proto, name, descriptor);\n};\n\nexport const standardPrototypeMethod = (\n descriptor: PropertyDescriptor,\n element: ClassElement\n) => ({\n kind: 'method',\n placement: 'prototype',\n key: element.key,\n descriptor,\n});\n\n/**\n * Helper for decorating a property that is compatible with both TypeScript\n * and Babel decorators. The optional `finisher` can be used to perform work on\n * the class. The optional `descriptor` should return a PropertyDescriptor\n * to install for the given property.\n *\n * @param finisher {function} Optional finisher method; receives the element\n * constructor and property key as arguments and has no return value.\n * @param descriptor {function} Optional descriptor method; receives the\n * property key as an argument and returns a property descriptor to define for\n * the given property.\n * @returns {ClassElement|void}\n */\nexport const decorateProperty =\n ({\n finisher,\n descriptor,\n }: {\n finisher?:\n | ((ctor: typeof ReactiveElement, property: PropertyKey) => void)\n | null;\n descriptor?: (property: PropertyKey) => PropertyDescriptor;\n }) =>\n (\n protoOrDescriptor: Interface | ClassElement,\n name?: PropertyKey\n // Note TypeScript requires the return type to be `void|any`\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): void | any => {\n // TypeScript / Babel legacy mode\n if (name !== undefined) {\n const ctor = (protoOrDescriptor as ReactiveElement)\n .constructor as typeof ReactiveElement;\n if (descriptor !== undefined) {\n Object.defineProperty(protoOrDescriptor, name, descriptor(name));\n }\n finisher?.(ctor, name!);\n // Babel standard mode\n } else {\n // Note, the @property decorator saves `key` as `originalKey`\n // so try to use it here.\n const key =\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (protoOrDescriptor as any).originalKey ??\n (protoOrDescriptor as ClassElement).key;\n const info: ClassElement =\n descriptor != undefined\n ? {\n kind: 'method',\n placement: 'prototype',\n key,\n descriptor: descriptor((protoOrDescriptor as ClassElement).key),\n }\n : {...(protoOrDescriptor as ClassElement), key};\n if (finisher != undefined) {\n info.finisher = function (\n ctor: Constructor\n ) {\n finisher(ctor as unknown as typeof ReactiveElement, key);\n };\n }\n return info;\n }\n };\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\nimport {decorateProperty} from './base.js';\n\n/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the element's renderRoot.\n *\n * @param selector A DOMString containing one or more selectors to match.\n * @param cache An optional boolean which when true performs the DOM query only\n * once and caches the result.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\n *\n * ```ts\n * class MyElement {\n * @query('#first')\n * first: HTMLDivElement;\n *\n * render() {\n * return html`\n *
\n *
\n * `;\n * }\n * }\n * ```\n * @category Decorator\n */\nexport function query(selector: string, cache?: boolean) {\n return decorateProperty({\n descriptor: (name: PropertyKey) => {\n const descriptor = {\n get(this: ReactiveElement) {\n return this.renderRoot?.querySelector(selector) ?? null;\n },\n enumerable: true,\n configurable: true,\n };\n if (cache) {\n const key = typeof name === 'symbol' ? Symbol() : `__${name}`;\n descriptor.get = function (this: ReactiveElement) {\n if (\n (this as unknown as {[key: string]: Element | null})[\n key as string\n ] === undefined\n ) {\n (this as unknown as {[key: string]: Element | null})[\n key as string\n ] = this.renderRoot?.querySelector(selector) ?? null;\n }\n return (this as unknown as {[key: string]: Element | null})[\n key as string\n ];\n };\n }\n return descriptor;\n },\n });\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {decorateProperty} from './base.js';\n\nimport type {ReactiveElement} from '../reactive-element.js';\nimport type {QueryAssignedNodesOptions} from './query-assigned-nodes.js';\n\nconst NODE_MODE = false;\nconst global = NODE_MODE ? globalThis : window;\n\n/**\n * A tiny module scoped polyfill for HTMLSlotElement.assignedElements.\n */\nconst slotAssignedElements =\n global.HTMLSlotElement?.prototype.assignedElements != null\n ? (slot: HTMLSlotElement, opts?: AssignedNodesOptions) =>\n slot.assignedElements(opts)\n : (slot: HTMLSlotElement, opts?: AssignedNodesOptions) =>\n slot\n .assignedNodes(opts)\n .filter(\n (node): node is Element => node.nodeType === Node.ELEMENT_NODE\n );\n\n/**\n * Options for the {@linkcode queryAssignedElements} decorator. Extends the\n * options that can be passed into\n * [HTMLSlotElement.assignedElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n */\nexport interface QueryAssignedElementsOptions\n extends QueryAssignedNodesOptions {\n /**\n * CSS selector used to filter the elements returned. For example, a selector\n * of `\".item\"` will only include elements with the `item` class.\n */\n selector?: string;\n}\n\n/**\n * A property decorator that converts a class property into a getter that\n * returns the `assignedElements` of the given `slot`. Provides a declarative\n * way to use\n * [`HTMLSlotElement.assignedElements`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n *\n * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object.\n *\n * Example usage:\n * ```ts\n * class MyElement {\n * @queryAssignedElements({ slot: 'list' })\n * listItems!: Array;\n * @queryAssignedElements()\n * unnamedSlotEls!: Array;\n *\n * render() {\n * return html`\n * \n * \n * `;\n * }\n * }\n * ```\n *\n * Note, the type of this property should be annotated as `Array`.\n *\n * @category Decorator\n */\nexport function queryAssignedElements(options?: QueryAssignedElementsOptions) {\n const {slot, selector} = options ?? {};\n return decorateProperty({\n descriptor: (_name: PropertyKey) => ({\n get(this: ReactiveElement) {\n const slotSelector = `slot${slot ? `[name=${slot}]` : ':not([name])'}`;\n const slotEl =\n this.renderRoot?.querySelector(slotSelector);\n const elements =\n slotEl != null ? slotAssignedElements(slotEl, options) : [];\n if (selector) {\n return elements.filter((node) => node.matches(selector));\n }\n return elements;\n },\n enumerable: true,\n configurable: true,\n }),\n });\n}\n","{\n \"name\": \"@dotlottie/player-component\",\n \"version\": \"2.7.12\",\n \"description\": \"dotLottie animation player web component.\",\n \"repository\": \"https://github.com/dotlottie/player-component.git\",\n \"homepage\": \"https://dotlottie.io/players\",\n \"bugs\": \"https://github.com/dotlottie/player-component/issues\",\n \"author\": \"Jawish Hameed \",\n \"license\": \"MIT\",\n \"main\": \"dist/dotlottie-player.js\",\n \"module\": \"dist/dotlottie-player.mjs\",\n \"types\": \"dist/dotlottie-player.d.ts\",\n \"files\": [\n \"dist\"\n ],\n \"keywords\": [\n \"dotlottie\",\n \"animation\",\n \"web component\",\n \"component\",\n \"lit-element\",\n \"player\"\n ],\n \"scripts\": {\n \"build\": \"tsup\",\n \"cypress:open\": \"cypress open --component\",\n \"dev\": \"tsup --watch\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"eslint --fix\",\n \"test\": \"cypress run --component\",\n \"type-check\": \"tsc --noEmit\"\n },\n \"dependencies\": {\n \"@dotlottie/common\": \"workspace:*\",\n \"lit\": \"^2.7.5\"\n },\n \"devDependencies\": {\n \"@vitejs/plugin-legacy\": \"^4.1.0\",\n \"axe-core\": \"^4.7.2\",\n \"cypress\": \"^12.11.0\",\n \"cypress-axe\": \"^1.4.0\",\n \"cypress-ct-lit\": \"^0.3.2\",\n \"lottie-web\": \"^5.12.2\",\n \"terser\": \"^5.19.0\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^4.7.4\",\n \"vite\": \"^4.3.9\"\n },\n \"publishConfig\": {\n \"access\": \"public\"\n },\n \"browserslist\": [\n \"> 3%\"\n ]\n}\n","/**\n * Copyright 2023 Design Barn Inc.\n */\n\nimport type { RendererType, DotLottiePlayerState, PlaybackOptions, Manifest, ManifestTheme } from '@dotlottie/common';\nimport {\n DotLottieCommonPlayer,\n PlayerState,\n PlayMode,\n PlayerEvents,\n logWarning,\n createError,\n DEFAULT_STATE,\n} from '@dotlottie/common';\nimport type { CSSResult, TemplateResult } from 'lit';\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport type { AnimationItem } from 'lottie-web';\n\nimport pkg from '../package.json';\n\nimport styles from './dotlottie-player.styles';\n\nexport interface Versions {\n dotLottiePlayerVersion: string;\n lottieWebVersion: string;\n}\n\nconst ELEMENT_NAME = 'dotlottie-player';\n\nexport { PlayMode, PlaybackOptions };\n\n/**\n * DotLottiePlayer web component class\n */\nexport class DotLottiePlayer extends LitElement {\n @property({ type: String })\n public defaultTheme = '';\n\n /**\n * Animation container.\n */\n @query('#animation')\n protected container!: HTMLElement;\n\n /**\n * Play mode.\n */\n @property()\n public playMode: PlayMode = PlayMode.Normal;\n\n /**\n * Autoplay animation on load.\n */\n @property({ type: Boolean })\n public autoplay = false;\n\n /**\n * Background color.\n */\n @property({ type: String })\n public background?: string = 'transparent';\n\n /**\n * Show controls.\n */\n @property({ type: Boolean })\n public controls = false;\n\n /**\n * Direction of animation.\n */\n @property({ type: Number })\n public direction = 1;\n\n /**\n * Whether to play on mouse hover\n */\n @property({ type: Boolean })\n public hover = false;\n\n /**\n * Whether to loop animation.\n */\n @property({ type: String })\n public loop?: string;\n\n /**\n * Renderer to use.\n */\n @property({ type: String })\n public renderer = 'svg';\n\n /**\n * Animation speed.\n */\n @property({ type: Number })\n public speed = 1;\n\n /**\n * Bodymovin JSON data or URL to JSON.\n */\n @property({ type: String })\n public src?: string;\n\n @property()\n public intermission = 0;\n\n /**\n * Animation id as string or index to play on load.\n */\n @property({ type: String })\n public activeAnimationId?: string | null = null;\n\n @property({ type: Boolean })\n public light?: boolean = false;\n\n @property({ type: Boolean })\n public worker?: boolean = false;\n\n /**\n * Interactivity state id.\n */\n @property({ type: String })\n public activeStateId?: string | undefined;\n\n @state()\n private _seeker: number = 0;\n\n private _dotLottieCommonPlayer: DotLottieCommonPlayer | undefined;\n\n private _io?: IntersectionObserver;\n\n private _loop?: boolean | number;\n\n private _renderer?: RendererType = 'svg';\n\n private _unsubscribeListeners?: () => void;\n\n // Controls state\n private _hasMultipleAnimations = false;\n\n private _hasMultipleThemes = false;\n\n private _hasMultipleStates = false;\n\n private _popoverIsOpen = false;\n\n private _animationsTabIsOpen = false;\n\n private _statesTabIsOpen = false;\n\n private _styleTabIsOpen = false;\n\n private _themesForCurrentAnimation: ManifestTheme[] = [];\n\n private _statesForCurrentAnimation: string[] = [];\n\n /**\n * Get number of loops or boolean value of loop.\n *\n * @param loop - either a string representing a boolean or a number of loops to play\n * @returns boolean - if loop was activated or not\n */\n private _parseLoop(loop: string): boolean | number {\n const loopNb = parseInt(loop, 10);\n\n if (Number.isInteger(loopNb) && loopNb > 0) {\n this._loop = loopNb;\n\n return loopNb;\n } else if (typeof loop === 'string' && ['true', 'false'].includes(loop)) {\n this._loop = loop === 'true';\n\n return this._loop;\n } else {\n logWarning('loop must be a positive integer or a boolean');\n }\n\n return false;\n }\n\n /**\n * Handles click and drag actions on the progress track.\n */\n private _handleSeekChange(event: Event): void {\n const target = event.currentTarget as HTMLInputElement;\n\n try {\n const value = parseInt(target.value, 10);\n\n if (!this._dotLottieCommonPlayer) {\n return;\n }\n\n const frame: number = (value / 100) * this._dotLottieCommonPlayer.totalFrames;\n\n this.seek(frame);\n } catch (error) {\n throw createError('Error while seeking animation');\n }\n }\n\n private _initListeners(): void {\n const commonPlayer = this._dotLottieCommonPlayer;\n\n if (commonPlayer === undefined) {\n logWarning('player not initialized - cannot add event listeners', 'dotlottie-player-component');\n\n return;\n }\n\n // Calculate and save the current progress of the animation\n this._unsubscribeListeners = commonPlayer.state.subscribe(\n (playerState: DotLottiePlayerState, prevState: DotLottiePlayerState) => {\n this._seeker = playerState.seeker;\n\n this.requestUpdate();\n\n if (prevState.currentState !== playerState.currentState) {\n this.dispatchEvent(new CustomEvent(playerState.currentState));\n }\n\n this.dispatchEvent(\n new CustomEvent(PlayerEvents.Frame, {\n detail: {\n frame: playerState.frame,\n seeker: playerState.seeker,\n },\n }),\n );\n\n this.dispatchEvent(\n new CustomEvent(PlayerEvents.VisibilityChange, {\n detail: {\n visibilityPercentage: playerState.visibilityPercentage,\n },\n }),\n );\n },\n );\n\n // Handle animation play complete\n commonPlayer.addEventListener('complete', () => {\n this.dispatchEvent(new CustomEvent(PlayerEvents.Complete));\n });\n\n commonPlayer.addEventListener('loopComplete', () => {\n this.dispatchEvent(new CustomEvent(PlayerEvents.LoopComplete));\n });\n\n // Handle lottie-web ready event\n commonPlayer.addEventListener('DOMLoaded', () => {\n const manifest = this.getManifest();\n\n if (manifest && manifest.themes) {\n this._themesForCurrentAnimation = manifest.themes.filter((theme) =>\n theme.animations.includes(this.getCurrentAnimationId() || ''),\n );\n }\n\n if (manifest && manifest.states) {\n this._hasMultipleStates = manifest.states.length > 0;\n\n this._statesForCurrentAnimation = [];\n manifest.states.forEach((newState: string) => {\n this._statesForCurrentAnimation.push(newState);\n });\n }\n\n this.dispatchEvent(new CustomEvent(PlayerEvents.Ready));\n });\n\n // Handle animation data load complete\n commonPlayer.addEventListener('data_ready', () => {\n this.dispatchEvent(new CustomEvent(PlayerEvents.DataReady));\n });\n\n // Set error state when animation load fail event triggers\n commonPlayer.addEventListener('data_failed', () => {\n this.dispatchEvent(new CustomEvent(PlayerEvents.DataFail));\n });\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (window) {\n window.addEventListener('click', (event) => this._clickOutListener(event));\n }\n }\n\n /**\n * Configure and initialize lottie-web player instance.\n */\n public async load(\n src: string | AnimationItem,\n overrideRendererSettings?: Record,\n playbackOptions?: PlaybackOptions,\n ): Promise {\n if (!this.shadowRoot) {\n return;\n }\n\n if (this._dotLottieCommonPlayer) {\n this._dotLottieCommonPlayer.destroy();\n }\n\n /**\n * User's can call the load method - only do new initialization inside firstConnected()\n */\n this._dotLottieCommonPlayer = new DotLottieCommonPlayer(src, this.container as HTMLDivElement, {\n rendererSettings: overrideRendererSettings ?? {\n scaleMode: 'noScale',\n clearCanvas: true,\n progressiveLoad: true,\n hideOnTransparent: true,\n },\n hover: this.hasAttribute('hover') ? this.hover : undefined,\n renderer: this.hasAttribute('renderer') ? this._renderer : undefined,\n loop: this.hasAttribute('loop') ? this._loop : undefined,\n direction: this.hasAttribute('direction') ? (this.direction === 1 ? 1 : -1) : undefined,\n speed: this.hasAttribute('speed') ? this.speed : undefined,\n intermission: this.hasAttribute('intermission') ? Number(this.intermission) : undefined,\n playMode: this.hasAttribute('playMode') ? this.playMode : undefined,\n autoplay: this.hasAttribute('autoplay') ? this.autoplay : undefined,\n activeAnimationId: this.hasAttribute('activeAnimationId') ? this.activeAnimationId : undefined,\n defaultTheme: this.hasAttribute('defaultTheme') ? this.defaultTheme : undefined,\n light: this.light,\n worker: this.worker,\n activeStateId: this.hasAttribute('activeStateId') ? this.activeStateId : undefined,\n });\n\n await this._dotLottieCommonPlayer.load(playbackOptions);\n\n const manifest = this.getManifest();\n\n // Init controls state\n this._hasMultipleAnimations = this.animationCount() > 1;\n\n if (manifest) {\n if (manifest.themes) {\n this._themesForCurrentAnimation = manifest.themes.filter((theme) =>\n theme.animations.includes(this.getCurrentAnimationId() || ''),\n );\n\n this._hasMultipleThemes = manifest.themes.length > 0;\n }\n\n if (manifest.states) {\n this._hasMultipleStates = manifest.states.length > 0;\n\n this._statesForCurrentAnimation = [];\n manifest.states.forEach((newState: string) => {\n this._statesForCurrentAnimation.push(newState);\n });\n }\n }\n\n /**\n * Init done\n */\n this._initListeners();\n }\n\n /**\n * @returns Current animation's id\n */\n public getCurrentAnimationId(): string | undefined {\n return this._dotLottieCommonPlayer?.currentAnimationId;\n }\n\n /**\n * @returns The current number of animations\n */\n public animationCount(): number {\n if (!this._dotLottieCommonPlayer) return 0;\n\n return this._dotLottieCommonPlayer.getManifest()?.animations.length || 0;\n }\n\n /**\n * @returns The ids of all the animations\n */\n public animations(): string[] {\n if (!this._dotLottieCommonPlayer) return [];\n\n const manifest = this._dotLottieCommonPlayer.getManifest();\n\n return manifest?.animations.map((animation) => animation.id) || [];\n }\n\n /**\n * @returns The current playing animation\n */\n public currentAnimation(): string {\n if (!this._dotLottieCommonPlayer || !this._dotLottieCommonPlayer.currentAnimationId) return '';\n\n return this._dotLottieCommonPlayer.currentAnimationId;\n }\n\n /**\n * @returns the current player states\n */\n public getState(): DotLottiePlayerState {\n if (!this._dotLottieCommonPlayer) return DEFAULT_STATE;\n\n return this._dotLottieCommonPlayer.getState();\n }\n\n /**\n *\n * @returns The current manifest.\n */\n public getManifest(): Manifest | undefined {\n return this._dotLottieCommonPlayer?.getManifest();\n }\n\n /**\n * @returns The current lottie-web instance.\n */\n public getLottie(): AnimationItem | undefined {\n return this._dotLottieCommonPlayer?.getAnimationInstance();\n }\n\n /**\n * @returns The current version of the dotLottie player and lottie-web.\n */\n public getVersions(): Versions {\n return {\n lottieWebVersion: DotLottieCommonPlayer.getLottieWebVersion(),\n dotLottiePlayerVersion: `${pkg.version}`,\n };\n }\n\n /**\n * Play the previous animation. The order is taken from the manifest.\n */\n public previous(\n getOptions?: (currPlaybackOptions: PlaybackOptions, manifestPlaybackOptions: PlaybackOptions) => PlaybackOptions,\n ): void {\n this._dotLottieCommonPlayer?.previous(getOptions);\n }\n\n /**\n * Play the next animation. The order is taken from the manifest.\n */\n public next(\n getOptions?: (currPlaybackOptions: PlaybackOptions, manifestPlaybackOptions: PlaybackOptions) => PlaybackOptions,\n ): void {\n this._dotLottieCommonPlayer?.next(getOptions);\n }\n\n /**\n * Reset to the initial state defined in the manifest.\n */\n public reset(): void {\n this._dotLottieCommonPlayer?.reset();\n }\n\n public play(\n targetAnimation?: string | number,\n getOptions?: (currPlaybackOptions: PlaybackOptions, manifestPlaybackOptions: PlaybackOptions) => PlaybackOptions,\n ): void {\n if (!this._dotLottieCommonPlayer) {\n return;\n }\n\n this._dotLottieCommonPlayer.play(targetAnimation, getOptions);\n }\n\n /**\n * Pause animation play.\n */\n public pause(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.pause();\n }\n\n /**\n * Stops animation play.\n */\n public stop(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.stop();\n }\n\n // To do add playback option to manifest\n // To do add as prop\n\n /**\n * Play the animation when it appears on screen and pause when it goes out of view.\n *\n * @param playOnShowOptions - what percentage of the target's visibility the observer's callback should be executed\n * @returns\n */\n public playOnShow(playOnShowOptions?: { threshold: number[] }): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.playOnShow(playOnShowOptions);\n }\n\n /**\n * Stop the playOnShow observer.\n * @returns\n */\n public stopPlayOnShow(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.stopPlayOnShow();\n }\n\n /**\n * Play the animation synchronized to page scroll.\n * @param scrollOptions\n * - positionCallback: callback function to get the current position of the player relative to the whole page\n * - segments: optional segment of animation to play\n * - threshold: optional visibility threshold to start playing the animation. Between 0 and 1. Defaults to [0, 1].\n * @returns\n */\n public playOnScroll(scrollOptions?: {\n positionCallback?: (position: number) => void;\n segments?: [number, number];\n threshold?: [number, number];\n }): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.playOnScroll(scrollOptions);\n }\n\n /**\n * Stop the play on scroll observer.\n * @returns\n */\n public stopPlayOnScroll(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.stopPlayOnScroll();\n }\n\n /**\n * Seek to a given frame.\n */\n public seek(value: number | string): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.seek(value);\n }\n\n /**\n * Snapshot the current frame as SVG.\n *\n * If 'download' argument is boolean true, then a download is triggered in browser.\n */\n public snapshot(download = true): string {\n if (!this.shadowRoot) return '';\n\n // Get SVG element and serialize markup\n const svgElement = this.shadowRoot.querySelector('.animation svg') as Node;\n const data = new XMLSerializer().serializeToString(svgElement);\n\n // Trigger file download\n if (download) {\n const element = document.createElement('a');\n\n element.href = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(data)}`;\n element.download = `download_${this._seeker}.svg`;\n document.body.appendChild(element);\n\n element.click();\n\n document.body.removeChild(element);\n }\n\n return data;\n }\n\n /**\n * Set theme\n */\n public setTheme(theme: string): void {\n this._dotLottieCommonPlayer?.setDefaultTheme(theme);\n }\n\n /**\n * @returns All the theme keys\n */\n public themes(): string[] {\n if (!this._dotLottieCommonPlayer) return [];\n\n const manifest = this._dotLottieCommonPlayer.getManifest();\n\n return manifest?.themes?.map((theme) => theme.id) || [];\n }\n\n /**\n * @returns The current applied theme\n */\n public getDefaultTheme(): string {\n if (!this._dotLottieCommonPlayer) return '';\n\n return this._dotLottieCommonPlayer.defaultTheme;\n }\n\n /**\n * @returns The current active state machine\n */\n public getActiveStateMachine(): string | undefined {\n if (!this._dotLottieCommonPlayer) return '';\n\n return this._dotLottieCommonPlayer.activeStateId;\n }\n\n /**\n * Freeze animation play.\n * This internal state pauses animation and is used to differentiate between\n * user requested pauses and component instigated pauses.\n */\n private _freeze(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.freeze();\n }\n\n /**\n * Sets animation play speed.\n *\n * @param value - Playback speed.\n */\n public setSpeed(value = 1): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.setSpeed(value);\n }\n\n /**\n * Animation play direction.\n *\n * @param value - Direction values.\n */\n public setDirection(value: 1 | -1): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.setDirection(value);\n }\n\n /**\n * Sets the looping of the animation.\n *\n * @param value - Whether to enable looping. Boolean true enables looping.\n */\n public setLooping(value: boolean | number): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.setLoop(value);\n }\n\n public isLooping(): number | boolean {\n if (!this._dotLottieCommonPlayer) return false;\n\n return this._dotLottieCommonPlayer.loop;\n }\n\n /**\n * Toggle playing state.\n */\n public togglePlay(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.togglePlay();\n }\n\n /**\n * Toggles animation looping.\n */\n public toggleLooping(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.toggleLoop();\n }\n\n /**\n * Sets the player mode\n * @param mode - The mode to set ('normal', 'bounce')\n */\n public setPlayMode(mode: PlayMode): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.setMode(mode);\n }\n\n /**\n * Changes the Interactivity state id and starts it.\n *\n * @param stateId - state machine id.\n */\n public enterInteractiveMode(stateId: string): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.enterInteractiveMode(stateId);\n }\n\n /**\n * Exits the Interactivity mode.\n */\n public exitInteractiveMode(): void {\n if (!this._dotLottieCommonPlayer) return;\n\n this._dotLottieCommonPlayer.exitInteractiveMode();\n }\n\n /**\n * Reverts PlaybackOptions to manifest values instead of player props.\n */\n public revertToManifestValues(playbackKeys?: Array): void {\n this._dotLottieCommonPlayer?.revertToManifestValues(playbackKeys);\n }\n\n /**\n * Returns the styles for the component. Overriding causes styles to not be applied.\n */\n public static get styles(): CSSResult {\n return styles;\n }\n\n /**\n * Initialize everything on component first render.\n */\n protected override async firstUpdated(): Promise {\n this.container = this.shadowRoot?.querySelector('#animation') as HTMLElement;\n\n // Add intersection observer for detecting component being out-of-view.\n if ('IntersectionObserver' in window) {\n this._io = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {\n if (entries[0] !== undefined && entries[0].isIntersecting) {\n if (this._dotLottieCommonPlayer?.currentState === PlayerState.Frozen) {\n this.play();\n }\n } else if (this._dotLottieCommonPlayer?.currentState === PlayerState.Playing) {\n this._freeze();\n }\n });\n\n this._io.observe(this.container);\n }\n\n // Parse loop attribute if present as a number or string-boolean\n // Also check if plain 'loop' prop is present\n if (this.loop) {\n this._parseLoop(this.loop);\n } else if (this.hasAttribute('loop')) {\n this._parseLoop('true');\n }\n\n // Parse renderer and set private variable\n if (this.renderer === 'svg') this._renderer = 'svg';\n else if (this.renderer === 'canvas') this._renderer = 'canvas';\n else if (this.renderer === 'html') this._renderer = 'html';\n\n // Setup lottie player\n if (this.src) {\n await this.load(this.src);\n }\n }\n\n /**\n * Cleanup on component destroy.\n */\n public override disconnectedCallback(): void {\n // Remove intersection observer for detecting component being out-of-view.\n if (this._io) {\n this._io.disconnect();\n this._io = undefined;\n }\n\n // Destroy lottie\n this._dotLottieCommonPlayer?.destroy();\n\n this._unsubscribeListeners?.();\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (window) {\n window.removeEventListener('click', (event) => this._clickOutListener(event));\n }\n }\n\n private _clickOutListener(event: MouseEvent): void {\n const inside = event.composedPath().some((element) => {\n if (element instanceof HTMLElement) {\n return element.classList.contains('popover') || element.id === 'lottie-animation-options';\n }\n\n return false;\n });\n\n if (!inside && this._popoverIsOpen) {\n this._popoverIsOpen = false;\n this.requestUpdate();\n }\n }\n\n protected renderControls(): TemplateResult | undefined {\n const isPlaying: boolean = this._dotLottieCommonPlayer?.currentState === PlayerState.Playing;\n const isPaused: boolean = this._dotLottieCommonPlayer?.currentState === PlayerState.Paused;\n\n return html`\n
\n ${this._hasMultipleAnimations\n ? html`\n \n `\n : html``}\n {\n this.togglePlay();\n }}\n class=${isPlaying || isPaused\n ? `active ${this._hasMultipleAnimations ? 'btn-spacing-center' : 'btn-spacing-right'}`\n : `${this._hasMultipleAnimations ? 'btn-spacing-center' : 'btn-spacing-right'}`}\n aria-label=\"play / pause animation\"\n >\n ${isPlaying\n ? html`\n \n \n \n \n `\n : html`\n \n \n \n `}\n \n ${this._hasMultipleAnimations\n ? html`\n \n `\n : html``}\n this._handleSeekChange(event)}\n @mousedown=${(): void => {\n this._freeze();\n }}\n @mouseup=${(): void => {\n this._dotLottieCommonPlayer?.unfreeze();\n }}\n aria-valuemin=\"1\"\n aria-valuemax=\"100\"\n role=\"slider\"\n aria-valuenow=${this._seeker}\n aria-label=\"lottie-seek-input\"\n style=${`--seeker: ${this._seeker}`}\n />\n this.toggleLooping()}\n class=${this._dotLottieCommonPlayer?.loop ? 'active btn-spacing-left' : 'btn-spacing-left'}\n aria-label=\"loop-toggle\"\n >\n \n \n \n \n \n ${this._hasMultipleAnimations || this._hasMultipleThemes || this._hasMultipleStates\n ? html`\n {\n this._popoverIsOpen = !this._popoverIsOpen;\n this.requestUpdate();\n }}\n aria-label=\"options\"\n class=\"btn-spacing-right\"\n style=${`background-color: ${\n this._popoverIsOpen ? 'var(--lottie-player-toolbar-icon-hover-color)' : ''\n }`}\n >\n \n \n \n \n \n \n `\n : html``}\n
\n ${this._popoverIsOpen\n ? html`\n 0 ? '84px' : 'auto'}\"\n >\n ${!this._animationsTabIsOpen && !this._styleTabIsOpen && !this._statesTabIsOpen\n ? html`\n {\n this._animationsTabIsOpen = !this._animationsTabIsOpen;\n this.requestUpdate();\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this._animationsTabIsOpen = !this._animationsTabIsOpen;\n this.requestUpdate();\n }\n }}\n >\n
Animations
\n
\n \n \n \n
\n \n `\n : html``}\n ${this._hasMultipleThemes && !this._styleTabIsOpen && !this._animationsTabIsOpen && !this._statesTabIsOpen\n ? html` {\n this._styleTabIsOpen = !this._styleTabIsOpen;\n this.requestUpdate();\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this._styleTabIsOpen = !this._styleTabIsOpen;\n this.requestUpdate();\n }\n // eslint-disable-next-line no-secrets/no-secrets\n }}\n >\n
Themes
\n
\n \n \n \n
\n `\n : ''}\n ${this._hasMultipleStates && !this._styleTabIsOpen && !this._animationsTabIsOpen && !this._statesTabIsOpen\n ? html` {\n this._statesTabIsOpen = !this._statesTabIsOpen;\n this.requestUpdate();\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this._statesTabIsOpen = !this._statesTabIsOpen;\n this.requestUpdate();\n }\n }}\n >\n
States
\n
\n \n \n \n
\n `\n : ''}\n ${this._animationsTabIsOpen\n ? html` {\n this._animationsTabIsOpen = !this._animationsTabIsOpen;\n this.requestUpdate();\n }}\n >\n
\n \n \n \n
\n
Animations
\n \n
\n
\n
    \n ${this.animations().map((animationName) => {\n return html`\n
  • \n {\n this._animationsTabIsOpen = !this._animationsTabIsOpen;\n this._popoverIsOpen = !this._popoverIsOpen;\n this.play(animationName);\n this.requestUpdate();\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this._animationsTabIsOpen = !this._animationsTabIsOpen;\n this._popoverIsOpen = !this._popoverIsOpen;\n this.play(animationName);\n this.requestUpdate();\n }\n }}\n >\n
    \n ${this.currentAnimation() === animationName\n ? html`\n \n \n \n `\n : html`
    `}\n
    \n
    ${animationName}
    \n \n
    • \n `;\n })}\n
\n
`\n : html``}\n ${this._styleTabIsOpen\n ? html`
\n {\n this._styleTabIsOpen = !this._styleTabIsOpen;\n this.requestUpdate();\n }}\n >\n
\n \n \n \n
\n
Themes
\n ${this._dotLottieCommonPlayer?.defaultTheme === ''\n ? html``\n : html`\n {\n this.setTheme('');\n this.requestUpdate();\n }}\n >\n Reset\n \n `}\n \n
\n
\n
\n
    \n ${this._themesForCurrentAnimation.map((themeName) => {\n return html`\n
  • \n {\n this.setTheme(themeName.id);\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this.setTheme(themeName.id);\n }\n }}\n >\n
    \n ${this.getDefaultTheme() === themeName.id\n ? html`\n \n \n \n `\n : html`
    `}\n
    \n
    ${themeName.id}
    \n \n
    • \n `;\n })}\n
\n
`\n : html``}\n ${this._statesTabIsOpen\n ? html`
\n {\n this._statesTabIsOpen = !this._statesTabIsOpen;\n this.requestUpdate();\n }}\n >\n
\n \n \n \n
\n
States
\n {\n this.exitInteractiveMode();\n this.requestUpdate();\n }}\n >\n Reset\n \n \n
\n
\n
\n
    \n ${this._statesForCurrentAnimation.map((stateName) => {\n return html`\n
  • \n {\n this.enterInteractiveMode(stateName);\n }}\n @keydown=${(key: KeyboardEvent): void => {\n if (key.code === 'Space' || key.code === 'Enter') {\n this.enterInteractiveMode(stateName);\n }\n }}\n >\n
    \n ${this.getActiveStateMachine() === stateName\n ? html`\n \n \n \n `\n : html`
    `}\n
    \n
    ${stateName}
    \n \n
    • \n `;\n })}\n
\n
`\n : html``}\n \n `\n : html``}\n `;\n }\n\n public override render(): TemplateResult | void {\n const className: string = this.controls ? 'main controls' : 'main';\n const animationClass: string = this.controls ? 'animation controls' : 'animation';\n\n return html`\n
\n
\n ${this._dotLottieCommonPlayer?.currentState === PlayerState.Error\n ? html`
⚠️
`\n : undefined}\n
\n ${this.controls ? this.renderControls() : undefined}\n
\n `;\n }\n}\n\nif (!customElements.get(ELEMENT_NAME)) {\n customElements.define(ELEMENT_NAME, DotLottiePlayer);\n}\n"]}