Method _scopeKeyframesRelatedCss

packages/compiler/src/shadow_css.ts:244–252

* Process styles to add scope to keyframes. * * Modify both the names of the keyframes defined in the component styles and also the css * animation rules using them. * * Animation rules using keyframes defined elsewhere are not modified to allow for globally * defined keyframes.

(cssText: string, scopeSelector: string)

   * @returns the scoped css text.
   */
  private _scopeKeyframesRelatedCss(cssText: string, scopeSelector: string): string {
    const unscopedKeyframesSet = new Set<string>();
    const scopedKeyframesCssText = processRules(cssText, (rule) =>
      this._scopeLocalKeyframeDeclarations(rule, scopeSelector, unscopedKeyframesSet),
    );
    return processRules(scopedKeyframesCssText, (rule) =>
      this._scopeAnimationRule(rule, scopeSelector, unscopedKeyframesSet),
    );
  }

  /**
   * Scopes local keyframes names, returning the updated css rule and it also