@acorex/platform 19.2.17 → 19.2.20

package/fesm2022/{acorex-platform-themes-default-theme-palette-preview.page-DiDSZx-u.mjs.map → acorex-platform-themes-default-theme-palette-preview.page-D_EkB2k8.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-themes-default-theme-palette-preview.page-DiDSZx-u.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/theme-palette-preview/theme-palette-preview.page.ts","../../../../libs/platform/themes/default/src/lib/pages/theme-palette-preview/theme-palette-preview.page.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { AXPSettingScope, AXPSettingService } from '@acorex/platform/common';\nimport { AXPSettingsViewModel } from '@acorex/platform/layout/setting';\nimport {\n  AXP_THEME_PALETTE_PROVIDER,\n  AXPLayoutThemeService,\n  AXPThemeLayoutActionsComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutPageHeaderComponent,\n  AXPThemeLayoutPagePrimaryActionsComponent,\n  AXPThemeLayoutSetting,\n  AXPThemePalette,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { AXPSimplePageLayout } from '../../layouts/base';\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    //\n    AXSearchBoxModule,\n    AXDecoratorModule,\n    AXBreadcrumbsModule,\n    AXTranslationModule,\n    AXButtonModule,\n    AXTabsModule,\n    AXBadgeModule,\n    AXLoadingModule,\n    AXDropdownButtonModule,\n    //\n    AXPSimplePageLayout,\n    AXPThemeLayoutBlockComponent,\n    AXPThemeLayoutPageHeaderComponent,\n    AXPThemeLayoutActionsComponent,\n    AXPThemeLayoutPagePrimaryActionsComponent,\n  ],\n  templateUrl: './theme-palette-preview.page.html',\n  styleUrl: './theme-palette-preview.page.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXPSettingsViewModel, AXUnsubscriber],\n})\nexport class AXPThemePalettePreviewPageComponent {\n  protected readonly layout = inject(AXPLayoutThemeService);\n  protected readonly settingService = inject(AXPSettingService);\n  private themePalleteProvider = inject(AXP_THEME_PALETTE_PROVIDER);\n\n  private readonly unsubscriber = inject(AXUnsubscriber);\n\n  private defaultPalette: AXPThemePalette = { name: 'default', title: 'Default', path: 'fake', colors: [] };\n\n  protected readonly palettes = signal<AXPThemePalette[]>([]);\n  protected currentPalleteName = signal<string>('default');\n  protected currentPallete = computed<AXPThemePalette>(() => {\n    return this.palettes().find((c) => c.name == this.currentPalleteName()) ?? this.defaultPalette;\n  });\n\n  protected hexColors = signal<{ [key: string]: string }>({});\n\n  protected isLoading = signal(true);\n\n  protected readonly ranges = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];\n  protected readonly colors = [\n    'default',\n    'primary',\n    'secondary',\n    'success',\n    'warning',\n    'danger',\n    'accent1',\n    'accent2',\n    'accent3',\n  ];\n\n  async ngOnInit() {\n    const list = await this.themePalleteProvider.getList();\n    this.palettes.set(list);\n    await this.updateView();\n    //\n    this.settingService.onChanged.pipe(this.unsubscriber.takeUntilDestroy).subscribe(async () => {\n      await this.updateView();\n    });\n  }\n\n  private async updateView() {\n    this.isLoading.set(true);\n    this.currentPalleteName.set(await this.settingService.get(AXPThemeLayoutSetting.Palette));\n    //\n    setTimeout(() => {\n      const root = document.documentElement; // Select the root element\n      const colors: { [key: string]: string } = {};\n      this.colors.forEach((color) => {\n        this.ranges.forEach((range) => {\n          const colorValue = getComputedStyle(root).getPropertyValue(`--ax-sys-color-${color}-${range}`);\n          colors[`${color}-${range}`] = this.rgbToHex(colorValue);\n        });\n      });\n      //\n      this.hexColors.set(colors);\n      //\n      this.isLoading.set(false);\n    }, 100);\n  }\n\n  protected async handleChangeTheme(palette: AXPThemePalette) {\n    await this.settingService.scope(AXPSettingScope.User).set(AXPThemeLayoutSetting.Palette, palette.name);\n  }\n\n  private rgbToHex(rgb: string): string {\n    const match = rgb.match(/\\d+/g);\n    if (match && match.length >= 3) {\n      const r = parseInt(match[0], 10);\n      const g = parseInt(match[1], 10);\n      const b = parseInt(match[2], 10);\n      return `#${((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1).toUpperCase()}`;\n    }\n    return rgb; // Fallback if parsing fails\n  }\n\n  protected getTextColor(range: number): string {\n    switch (true) {\n      case range >= 50 && range <= 100:\n        return 'lightest';\n      case range >= 200 && range <= 300:\n        return 'lighter';\n      case range === 400:\n        return 'light';\n      case range === 500:\n        return 'surface';\n      case range === 600:\n        return 'dark';\n      case range >= 700 && range <= 800:\n        return 'darker';\n      case range >= 900 && range <= 950:\n        return 'darkest';\n      default:\n        return 'unknown';\n    }\n  }\n}\n","<axp-layout-simple-page *translate=\"let t\">\n  <axp-layout-page-header>\n    <axp-layout-title> {{currentPallete().title}} Palette Colors </axp-layout-title>\n\n    <axp-layout-description> Preview of The Theme Colors </axp-layout-description>\n\n    <axp-layout-breadcrumbs>\n      <ax-breadcrumbs [class.ax-hidden]=\"layout.isSmall()\">\n        <ng-template #divider>\n          <i class=\"fa-regular fa-slash-forward\"></i>\n        </ng-template>\n        <ax-breadcrumbs-item> Theme </ax-breadcrumbs-item>\n        <ax-breadcrumbs-item> Preview </ax-breadcrumbs-item>\n      </ax-breadcrumbs>\n    </axp-layout-breadcrumbs>\n\n    <axp-layout-actions>\n      <axp-layout-actions-primary>\n        <ax-dropdown-button [text]=\"currentPallete().title\" [color]=\"'primary'\">\n          <ax-button-item-list>\n            @for (palette of palettes(); track $index) {\n            <ax-button-item [text]=\"palette.title\" [selected]=\"palette.name==currentPalleteName()\"\n              (onClick)=\"handleChangeTheme(palette)\">\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-button>\n      </axp-layout-actions-primary>\n    </axp-layout-actions>\n  </axp-layout-page-header>\n\n  <axp-layout-page-content class=\"ax-justify-center ax-px-16 ax-py-8\">\n    @if(!isLoading()) {\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mb-4\">Colors</h2>\n    <div class=\"ax-grid ax-grid-flow-row ax-gap-4\">\n      @for (color of colors.slice(1); track $index) {\n      <div class=\"ax-flex ax-flex-row ax-gap-4\">\n        <div class=\"ax-h-20 ax-w-20 ax-rounded-lg ax-flex ax-justify-center ax-flex-col ax-items-start ax-me-10\"\n          [style.color]=\"'rgb(var(--ax-sys-color-' + color + '-500))'\">\n          <div class=\"ax-font-semibold ax-text-xs\">\n            <span class=\"ax-capitalize\">{{color}}</span>\n          </div>\n          <div class=\"ax-text-2xl ax-mt-2\">\n            <span class=\"ax-opacity-50\">#</span><span class=\"ax-capitalize\">{{hexColors()[color +\n              '-500'].slice(1)}}</span>\n          </div>\n        </div>\n\n        @for (range of ranges; track $index) {\n        <div\n          class=\"ax-h-20 ax-w-20 ax-rounded-lg ax-flex ax-justify-center ax-flex-col ax-shadow-md ax-bg-{{color}}-{{range}} ax-text-{{color}}-on-{{getTextColor(range)}}\">\n          <div>\n            <div class=\"ax-text-center ax-text-sm ax-font-medium\">{{range}}</div>\n            <div class=\"ax-text-center ax-text-xs ax-uppercase ax-opacity-90\">{{hexColors()[color + '-' + range]}}</div>\n          </div>\n        </div>\n        }\n      </div>\n      }\n    </div>\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mt-8 ax-mb-4\">Surfaces</h2>\n    <div class=\"surface-container\">\n      <div class=\"ax-border-lightest ax-bg-lightest ax-text-on-lightest\">Lightest</div>\n      <div class=\"ax-border-lighter ax-bg-lighter ax-text-on-lighter\">Lighter</div>\n      <div class=\"ax-border-light ax-bg-light ax-text-on-light\">Light</div>\n      <div class=\"!ax-col-span-12 ax-border-surface ax-bg-surface ax-text-on-surface\">Surface</div>\n      <div class=\"ax-border-dark ax-bg-dark ax-text-on-dark\">Dark</div>\n      <div class=\"ax-border-darker ax-bg-darker ax-text-on-darker\">Darker</div>\n      <div class=\"ax-border-darkest ax-bg-darkest ax-text-on-darkest\">Darkest</div>\n    </div>\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mb-4\">Color Surfaces</h2>\n    @for(color of colors.slice(1);track $index){\n    <h6 class=\"!ax-mb-4 !ax-text-sm ax-capitalize\">{{color}}</h6>\n    <div class=\"surface-container\">\n      <div class=\" ax-border-{{color}}-lightest ax-bg-{{color}}-lightest ax-text-{{color}}-on-lightest\">Surface Lightest\n      </div>\n      <div class=\" ax-border-{{color}}-lighter ax-bg-{{color}}-lighter ax-text-{{color}}-on-lighter\">Surface Lighter\n      </div>\n      <div class=\" ax-border-{{color}}-light ax-bg-{{color}}-light ax-text-{{color}}-on-light\">Surface Light</div>\n      <div class=\"!ax-col-span-12 ax-border-{{color}}-surface ax-bg-{{color}}-surface ax-text-{{color}}-on-surface \">\n        Surface</div>\n      <div class=\" ax-border-{{color}}-dark ax-bg-{{color}}-dark ax-text-{{color}}-on-dark\">Surface Dark</div>\n      <div class=\" ax-border-{{color}}-darker ax-bg-{{color}}-darker ax-text-{{color}}-on-darker\">Surface Darker</div>\n      <div class=\" ax-border-{{color}}-darkest ax-bg-{{color}}-darkest ax-text-{{color}}-on-darkest\">Surface Darkest\n      </div>\n    </div>\n    }\n\n    }\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mt-8 ax-mb-4\">Components</h2>\n    <div class=\"ax-grid ax-grid-cols-8 ax-gap-x-6 ax-gap-y-12 ax-justify-center\">\n      @for (color of colors; track $index) {\n      <div class=\"ax-flex ax-flex-col ax-gap-3\">\n        <ax-button [text]=\"color\" [look]=\"'solid'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'twotone'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'outline'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'blank'\" [color]=\"color\"> </ax-button>\n      </div>\n      }\n    </div>\n  </axp-layout-page-content>\n</axp-layout-simple-page>"],"names":["i2","i3","i4"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-themes-default-theme-palette-preview.page-D_EkB2k8.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/theme-palette-preview/theme-palette-preview.page.ts","../../../../libs/platform/themes/default/src/lib/pages/theme-palette-preview/theme-palette-preview.page.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { AXPSettingScope, AXPSettingService } from '@acorex/platform/common';\nimport { AXPSettingsViewModel } from '@acorex/platform/layout/setting';\nimport {\n  AXP_THEME_PALETTE_PROVIDER,\n  AXPLayoutThemeService,\n  AXPThemeLayoutActionsComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutPageHeaderComponent,\n  AXPThemeLayoutPagePrimaryActionsComponent,\n  AXPThemeLayoutSetting,\n  AXPThemePalette,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { AXPSimplePageLayout } from '../../layouts/base';\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    //\n    AXSearchBoxModule,\n    AXDecoratorModule,\n    AXBreadcrumbsModule,\n    AXTranslationModule,\n    AXButtonModule,\n    AXTabsModule,\n    AXBadgeModule,\n    AXLoadingModule,\n    AXDropdownButtonModule,\n    //\n    AXPSimplePageLayout,\n    AXPThemeLayoutBlockComponent,\n    AXPThemeLayoutPageHeaderComponent,\n    AXPThemeLayoutActionsComponent,\n    AXPThemeLayoutPagePrimaryActionsComponent,\n  ],\n  templateUrl: './theme-palette-preview.page.html',\n  styleUrl: './theme-palette-preview.page.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXPSettingsViewModel, AXUnsubscriber],\n})\nexport class AXPThemePalettePreviewPageComponent {\n  protected readonly layout = inject(AXPLayoutThemeService);\n  protected readonly settingService = inject(AXPSettingService);\n  private themePalleteProvider = inject(AXP_THEME_PALETTE_PROVIDER);\n\n  private readonly unsubscriber = inject(AXUnsubscriber);\n\n  private defaultPalette: AXPThemePalette = { name: 'default', title: 'Default', path: 'fake', colors: [] };\n\n  protected readonly palettes = signal<AXPThemePalette[]>([]);\n  protected currentPalleteName = signal<string>('default');\n  protected currentPallete = computed<AXPThemePalette>(() => {\n    return this.palettes().find((c) => c.name == this.currentPalleteName()) ?? this.defaultPalette;\n  });\n\n  protected hexColors = signal<{ [key: string]: string }>({});\n\n  protected isLoading = signal(true);\n\n  protected readonly ranges = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];\n  protected readonly colors = [\n    'default',\n    'primary',\n    'secondary',\n    'success',\n    'warning',\n    'danger',\n    'accent1',\n    'accent2',\n    'accent3',\n  ];\n\n  async ngOnInit() {\n    const list = await this.themePalleteProvider.getList();\n    this.palettes.set(list);\n    await this.updateView();\n    //\n    this.settingService.onChanged.pipe(this.unsubscriber.takeUntilDestroy).subscribe(async () => {\n      await this.updateView();\n    });\n  }\n\n  private async updateView() {\n    this.isLoading.set(true);\n    this.currentPalleteName.set(await this.settingService.get(AXPThemeLayoutSetting.Palette));\n    //\n    setTimeout(() => {\n      const root = document.documentElement; // Select the root element\n      const colors: { [key: string]: string } = {};\n      this.colors.forEach((color) => {\n        this.ranges.forEach((range) => {\n          const colorValue = getComputedStyle(root).getPropertyValue(`--ax-sys-color-${color}-${range}`);\n          colors[`${color}-${range}`] = this.rgbToHex(colorValue);\n        });\n      });\n      //\n      this.hexColors.set(colors);\n      //\n      this.isLoading.set(false);\n    }, 100);\n  }\n\n  protected async handleChangeTheme(palette: AXPThemePalette) {\n    await this.settingService.scope(AXPSettingScope.User).set(AXPThemeLayoutSetting.Palette, palette.name);\n  }\n\n  private rgbToHex(rgb: string): string {\n    const match = rgb.match(/\\d+/g);\n    if (match && match.length >= 3) {\n      const r = parseInt(match[0], 10);\n      const g = parseInt(match[1], 10);\n      const b = parseInt(match[2], 10);\n      return `#${((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1).toUpperCase()}`;\n    }\n    return rgb; // Fallback if parsing fails\n  }\n\n  protected getTextColor(range: number): string {\n    switch (true) {\n      case range >= 50 && range <= 100:\n        return 'lightest';\n      case range >= 200 && range <= 300:\n        return 'lighter';\n      case range === 400:\n        return 'light';\n      case range === 500:\n        return 'surface';\n      case range === 600:\n        return 'dark';\n      case range >= 700 && range <= 800:\n        return 'darker';\n      case range >= 900 && range <= 950:\n        return 'darkest';\n      default:\n        return 'unknown';\n    }\n  }\n}\n","<axp-layout-simple-page *translate=\"let t\">\n  <axp-layout-page-header>\n    <axp-layout-title> {{currentPallete().title}} Palette Colors </axp-layout-title>\n\n    <axp-layout-description> Preview of The Theme Colors </axp-layout-description>\n\n    <axp-layout-breadcrumbs>\n      <ax-breadcrumbs [class.ax-hidden]=\"layout.isSmall()\">\n        <ng-template #divider>\n          <i class=\"fa-regular fa-slash-forward\"></i>\n        </ng-template>\n        <ax-breadcrumbs-item> Theme </ax-breadcrumbs-item>\n        <ax-breadcrumbs-item> Preview </ax-breadcrumbs-item>\n      </ax-breadcrumbs>\n    </axp-layout-breadcrumbs>\n\n    <axp-layout-actions>\n      <axp-layout-actions-primary>\n        <ax-dropdown-button [text]=\"currentPallete().title\" [color]=\"'primary'\">\n          <ax-button-item-list>\n            @for (palette of palettes(); track $index) {\n            <ax-button-item [text]=\"palette.title\" [selected]=\"palette.name==currentPalleteName()\"\n              (onClick)=\"handleChangeTheme(palette)\">\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-button>\n      </axp-layout-actions-primary>\n    </axp-layout-actions>\n  </axp-layout-page-header>\n\n  <axp-layout-page-content class=\"ax-justify-center ax-px-16 ax-py-8\">\n    @if(!isLoading()) {\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mb-4\">Colors</h2>\n    <div class=\"ax-grid ax-grid-flow-row ax-gap-4\">\n      @for (color of colors.slice(1); track $index) {\n      <div class=\"ax-flex ax-flex-row ax-gap-4\">\n        <div class=\"ax-h-20 ax-w-20 ax-rounded-lg ax-flex ax-justify-center ax-flex-col ax-items-start ax-me-10\"\n          [style.color]=\"'rgb(var(--ax-sys-color-' + color + '-500))'\">\n          <div class=\"ax-font-semibold ax-text-xs\">\n            <span class=\"ax-capitalize\">{{color}}</span>\n          </div>\n          <div class=\"ax-text-2xl ax-mt-2\">\n            <span class=\"ax-opacity-50\">#</span><span class=\"ax-capitalize\">{{hexColors()[color +\n              '-500'].slice(1)}}</span>\n          </div>\n        </div>\n\n        @for (range of ranges; track $index) {\n        <div\n          class=\"ax-h-20 ax-w-20 ax-rounded-lg ax-flex ax-justify-center ax-flex-col ax-shadow-md ax-bg-{{color}}-{{range}} ax-text-{{color}}-on-{{getTextColor(range)}}\">\n          <div>\n            <div class=\"ax-text-center ax-text-sm ax-font-medium\">{{range}}</div>\n            <div class=\"ax-text-center ax-text-xs ax-uppercase ax-opacity-90\">{{hexColors()[color + '-' + range]}}</div>\n          </div>\n        </div>\n        }\n      </div>\n      }\n    </div>\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mt-8 ax-mb-4\">Surfaces</h2>\n    <div class=\"surface-container\">\n      <div class=\"ax-border-lightest ax-bg-lightest ax-text-on-lightest\">Lightest</div>\n      <div class=\"ax-border-lighter ax-bg-lighter ax-text-on-lighter\">Lighter</div>\n      <div class=\"ax-border-light ax-bg-light ax-text-on-light\">Light</div>\n      <div class=\"!ax-col-span-12 ax-border-surface ax-bg-surface ax-text-on-surface\">Surface</div>\n      <div class=\"ax-border-dark ax-bg-dark ax-text-on-dark\">Dark</div>\n      <div class=\"ax-border-darker ax-bg-darker ax-text-on-darker\">Darker</div>\n      <div class=\"ax-border-darkest ax-bg-darkest ax-text-on-darkest\">Darkest</div>\n    </div>\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mb-4\">Color Surfaces</h2>\n    @for(color of colors.slice(1);track $index){\n    <h6 class=\"!ax-mb-4 !ax-text-sm ax-capitalize\">{{color}}</h6>\n    <div class=\"surface-container\">\n      <div class=\" ax-border-{{color}}-lightest ax-bg-{{color}}-lightest ax-text-{{color}}-on-lightest\">Surface Lightest\n      </div>\n      <div class=\" ax-border-{{color}}-lighter ax-bg-{{color}}-lighter ax-text-{{color}}-on-lighter\">Surface Lighter\n      </div>\n      <div class=\" ax-border-{{color}}-light ax-bg-{{color}}-light ax-text-{{color}}-on-light\">Surface Light</div>\n      <div class=\"!ax-col-span-12 ax-border-{{color}}-surface ax-bg-{{color}}-surface ax-text-{{color}}-on-surface \">\n        Surface</div>\n      <div class=\" ax-border-{{color}}-dark ax-bg-{{color}}-dark ax-text-{{color}}-on-dark\">Surface Dark</div>\n      <div class=\" ax-border-{{color}}-darker ax-bg-{{color}}-darker ax-text-{{color}}-on-darker\">Surface Darker</div>\n      <div class=\" ax-border-{{color}}-darkest ax-bg-{{color}}-darkest ax-text-{{color}}-on-darkest\">Surface Darkest\n      </div>\n    </div>\n    }\n\n    }\n\n    <h2 class=\"ax-font-semibold ax-text-2xl ax-mt-8 ax-mb-4\">Components</h2>\n    <div class=\"ax-grid ax-grid-cols-8 ax-gap-x-6 ax-gap-y-12 ax-justify-center\">\n      @for (color of colors; track $index) {\n      <div class=\"ax-flex ax-flex-col ax-gap-3\">\n        <ax-button [text]=\"color\" [look]=\"'solid'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'twotone'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'outline'\" [color]=\"color\"> </ax-button>\n        <ax-button [text]=\"color\" [look]=\"'blank'\" [color]=\"color\"> </ax-button>\n      </div>\n      }\n    </div>\n  </axp-layout-page-content>\n</axp-layout-simple-page>"],"names":["i2","i3","i4"],"mappings":"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"}