import { CSSResultGroup } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/lorem-ipsum/lorem-ipsum.d.ts
/**
 * <sigvelo-lorem-ipsum>
 *
 * @summary Outputs placeholder text in various formats for testing designs with random content.
 * @tag sigvelo-lorem-ipsum
 * @documentation https://design-system.sigvelo.com/docs/components/lorem-ipsum
 * @status stable
 * @since 1.0
 *
 * @example Default
 * Placeholder text, commonly referred to as lorem ipsum, is useful for displaying the visual form of a document without using actual content. You can use this component instead of copying and pasting large quantities of text from online generators.
 *
 * Unless you provide a seed, each refresh will yield unique content, allowing you to test the flexibility of your designs. The default behavior outputs a few sentences.
 *
 * ```html
 * <sigvelo-lorem-ipsum></sigvelo-lorem-ipsum>
 * ```
 *
 * @example Titles & headings
 * Set the `type` attribute to `title` to generate text suitable for a title or heading. The `length` attribute controls how many words will be output.
 *
 * ```html
 * <h4><sigvelo-lorem-ipsum type="title" length="2-6"></sigvelo-lorem-ipsum></h4>
 * ```
 *
 * **Note:** Some attributes herein allow you to specify a minimum and maximum range using the `{min}-{max}` syntax, e.g. `length="2-6"`.
 *
 * @example Sentences
 * Set the `type` attribute to `sentence` to generate sentences. The `length` attribute controls how many sentences are generated. You can specify how many words are in each sentence with the `words-per-sentence` attribute.
 *
 * ```html
 * <sigvelo-lorem-ipsum type="sentence" length="2-3"></sigvelo-lorem-ipsum>
 * ```
 *
 * @example Paragraphs
 * Set the `type` attribute to `paragraph` to generate HTML paragraphs. The `length` attribute controls how many paragraphs are generated. Additional fine tuning can be done with the `words-per-sentence` and `sentences-per-paragraph` attributes.
 *
 * ```html
 * <sigvelo-lorem-ipsum type="paragraph" length="2-4"></sigvelo-lorem-ipsum>
 * ```
 *
 * @example Lists
 * Set the `type` attribute to `ol` or `ul` to generate HTML lists. The `length` attribute controls how many list items are generated. The number of words in each list item can be controlled with the `words-per-sentence` attribute.
 *
 * ```html
 * <sigvelo-lorem-ipsum type="ol" length="3-6" words-per-sentence="2-3"></sigvelo-lorem-ipsum>
 * <br>
 * <sigvelo-lorem-ipsum type="ul" length="3-6" words-per-sentence="2-3"></sigvelo-lorem-ipsum>
 * ```
 *
 * @example Seeding the generator
 * By default, the generator will produce random content every time it runs. If you want to force the output to be the same every time, provide a non-zero seed number using the `seed` attribute.
 *
 * ```html
 * <sigvelo-slider
 *   label="Seed"
 *   min="1"
 *   max="5"
 *   value="3"
 *   with-markers
 *   with-tooltip
 *   style="margin-block-end: 2rem;"
 * ></sigvelo-slider>
 * <sigvelo-lorem-ipsum seed="3" id="lorem-ipsum__seed"></sigvelo-lorem-ipsum>
 *
 * <script>
 *   const loremIpsum = document.getElementById('lorem-ipsum__seed');
 *   const slider = loremIpsum.previousElementSibling;
 *
 *   slider.addEventListener('sigvelo-input', () => loremIpsum.seed = slider.value);
 * </script>
 * ```
 *
 * <style>
 * <!-- For the demos -->
 * sigvelo-lorem-ipsum :last-child {
 * margin-block-end: 0;
 * }
 * </style>
 */
declare class SigveloLoremIpsum extends SigveloElement {
  static styles: CSSResultGroup;
  private generateNumber;
  /** The type of HTML content to generate. */
  type: "sentence" | "title" | "paragraph" | "ol" | "ul";
  /**
   * The length of the content to generate, e.g. the number of words, sentences, paragraphs, or list items. This should
   * be a number or a range in the format of `{min}-{max}`, e.g. `2-4`.
   */
  length: number | string;
  /**
   * By default, the generator will produce random content every time it runs. Use this option to seed the generator
   * with a non-zero number and force it to output the same content every time.
   */
  seed: number;
  /**
   * The number of words that should occur in a sentence or list item. This should be a number or a range in the format
   * of `{min}-{max}`, e.g. `4-16`.
   */
  wordsPerSentence: number | string;
  /**
   * The number of sentences that should occur in a paragraph. This should be a number or a range in the format of
   * `{min}-{max}`, e.g. `3-6`.
   */
  sentencesPerParagraph: number | string;
  /** Returns an array of words of the specified length. */
  private generateWords;
  /** Returns a number within the specified range. */
  private getNumberWithinRange;
  /** Generates a list of random items based on the properties that are currently set */
  private generateList;
  /** Generates random paragraphs based on the properties that are currently set */
  private generateParagraphs;
  /** Generates random sentences based on the properties that are currently set */
  private generateSentences;
  /** Generates a random title based on the properties that are currently set */
  private generateTitle;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-lorem-ipsum": SigveloLoremIpsum;
  }
}
//#endregion
export { SigveloLoremIpsum as t };