Method parseCssStateDirectives

packages/core/src/compiler/parser.ts:611–654

(
    parentKeyword: Keyword,
    directiveId: string
  )

  }

  private parseCssStateDirectives(
    parentKeyword: Keyword,
    directiveId: string
  ): CssStateDirective[] {
    const { directives, blockToken } =
      this.parseDirectiveGroup<CssStateDirective>({
        parseDirective: () => {
          const atToken = this.consume(
            TokenType.AT,
            `Unexpected token inside <${parentKeyword.name}>`
          );
          const stateToken = this.consume(
            TokenType.IDENTIFIER,
            `Expected CSS state name after '@' in <${parentKeyword.name}>`
          );

          if (!isCssState(stateToken.value)) {
            throw new ParserError(
              `Unknown CSS state '${stateToken.value}'`,
              stateToken.position
            );
          }

          return {
            type: "CssState",
            name: stateToken.value,
            dataId: directiveId,
            block: "",
            position: atToken.position,
          } satisfies CssStateDirective;
        },
        hasNext: () =>
          this.check(TokenType.COMMA) && this.peek(1).type === TokenType.AT,
        separatorMessage: "Expected ',' between CSS states",
        blockMessageFor: (directive) =>
          `Expected block for CSS state '${directive.name}' in <${parentKeyword.name}>`,
      });

    const blockValue = blockToken.value;
    return directives.map((directive) => ({
      ...directive,
      block: blockValue,
    }));
  }

  private parseJsEventDirectives(
    parentKeyword: Keyword,