@dataengineeringformachinelearning/viking-ui 4.0.3 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +35 -6
  2. package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
  3. package/dist/package.json +1 -1
  4. package/dist/src/web/card/viking-card-wc.ts +1 -4
  5. package/dist/src/web/search-palette/viking-search-palette-wc.ts +1 -0
  6. package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +1 -1
  7. package/dist/viking-ui-elements.js +1 -1
  8. package/dist/viking-ui.css +1 -1
  9. package/dist/web-components.js +2 -4
  10. package/package.json +1 -1
  11. package/src/lib/card/card.ts +10 -8
  12. package/src/lib/footer/footer.scss +8 -1
  13. package/src/lib/site-drakkar/site-footer.ts +5 -1
  14. package/src/lib/site-drakkar/site-navbar.ts +11 -2
  15. package/src/lib/theme-toggle/theme-toggle.ts +1 -0
  16. package/src/styles/components/footer.scss +26 -13
  17. package/src/styles/static-navbar.scss +67 -32
  18. package/src/styles/surfaces/swagger-ui.scss +92 -1
  19. package/src/styles/viking-ui.scss +2 -0
  20. package/src/web/card/viking-card-wc.ts +1 -4
  21. package/src/web/search-palette/viking-search-palette-wc.ts +1 -0
package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs CHANGED
@@ -2891,6 +2891,7 @@ class VikingSearchPaletteWc extends HTMLElementBase {
2891
2891
  }
2892
2892
  connectedCallback() {
2893
2893
  this.render();
2894
+ this.removeAttribute("open");
2894
2895
  this.syncOpen();
2895
2896
  this.bindGlobalShortcut();
2896
2897
  this.dialogEl?.addEventListener("close", this.onClose);
@@ -5119,6 +5120,7 @@ class VikingThemeToggle {
5119
5120
  <button
5120
5121
  type="button"
5121
5122
  class="theme-toggle-btn"
5123
+ id="theme-toggle-btn"
5122
5124
  aria-label="Toggle light and dark theme"
5123
5125
  (click)="toggle.emit()"
5124
5126
  >
@@ -5138,6 +5140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5138
5140
  <button
5139
5141
  type="button"
5140
5142
  class="theme-toggle-btn"
5143
+ id="theme-toggle-btn"
5141
5144
  aria-label="Toggle light and dark theme"
5142
5145
  (click)="toggle.emit()"
5143
5146
  >
@@ -5254,8 +5257,10 @@ class VikingSiteNavbar {
5254
5257
  <div class="navbar-search" role="search">
5255
5258
  <viking-button
5256
5259
  variant="outline"
5260
+ class="navbar-search-trigger"
5257
5261
  [square]="true"
5258
5262
  [compact]="true"
5263
+ id="navbar-search-trigger"
5259
5264
  icon="search"
5260
5265
  label="Open search (⌘K)"
5261
5266
  (pressed)="openSearch()"
@@ -5268,7 +5273,8 @@ class VikingSiteNavbar {
5268
5273
  <viking-button
5269
5274
  variant="primary"
5270
5275
  icon="arrow-right"
5271
- class="auth-btn"
5276
+ class="auth-btn auth-btn-desktop"
5277
+ id="auth-btn-desktop"
5272
5278
  [loading]="isBusy()"
5273
5279
  (pressed)="login.emit()"
5274
5280
  >
@@ -5278,7 +5284,8 @@ class VikingSiteNavbar {
5278
5284
  <viking-button
5279
5285
  variant="primary"
5280
5286
  icon="home"
5281
- class="auth-btn"
5287
+ class="auth-btn auth-btn-desktop"
5288
+ id="auth-btn-desktop"
5282
5289
  [href]="urls().app + '/dashboard'"
5283
5290
  >
5284
5291
  Dashboard
@@ -5286,6 +5293,7 @@ class VikingSiteNavbar {
5286
5293
  <viking-button
5287
5294
  variant="ghost"
5288
5295
  class="auth-btn auth-signout-btn"
5296
+ id="auth-signout-desktop"
5289
5297
  [loading]="isBusy()"
5290
5298
  (pressed)="logout.emit()"
5291
5299
  >Sign Out</viking-button
@@ -5303,6 +5311,7 @@ class VikingSiteNavbar {
5303
5311
  [square]="true"
5304
5312
  class="menu-toggle-btn"
5305
5313
  [icon]="mobileMenuOpen() ? 'x' : 'menu'"
5314
+ id="mobile-menu-btn"
5306
5315
  [label]="
5307
5316
  mobileMenuOpen()
5308
5317
  ? 'Close navigation menu'
@@ -5349,6 +5358,7 @@ class VikingSiteNavbar {
5349
5358
  variant="primary"
5350
5359
  icon="arrow-right"
5351
5360
  class="mobile-auth-btn auth-btn"
5361
+ id="auth-btn-mobile"
5352
5362
  [loading]="isBusy()"
5353
5363
  [fullWidth]="true"
5354
5364
  (pressed)="login.emit(); closeMobileMenu()"
@@ -5360,6 +5370,7 @@ class VikingSiteNavbar {
5360
5370
  variant="primary"
5361
5371
  icon="home"
5362
5372
  class="mobile-auth-btn auth-btn"
5373
+ id="auth-btn-mobile"
5363
5374
  [fullWidth]="true"
5364
5375
  [href]="urls().app + '/dashboard'"
5365
5376
  (pressed)="closeMobileMenu()"
@@ -5369,6 +5380,7 @@ class VikingSiteNavbar {
5369
5380
  <viking-button
5370
5381
  variant="ghost"
5371
5382
  class="mobile-auth-btn auth-btn auth-signout-btn"
5383
+ id="auth-signout-mobile"
5372
5384
  [loading]="isBusy()"
5373
5385
  [fullWidth]="true"
5374
5386
  (pressed)="logout.emit(); closeMobileMenu()"
@@ -5450,8 +5462,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5450
5462
  <div class="navbar-search" role="search">
5451
5463
  <viking-button
5452
5464
  variant="outline"
5465
+ class="navbar-search-trigger"
5453
5466
  [square]="true"
5454
5467
  [compact]="true"
5468
+ id="navbar-search-trigger"
5455
5469
  icon="search"
5456
5470
  label="Open search (⌘K)"
5457
5471
  (pressed)="openSearch()"
@@ -5464,7 +5478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5464
5478
  <viking-button
5465
5479
  variant="primary"
5466
5480
  icon="arrow-right"
5467
- class="auth-btn"
5481
+ class="auth-btn auth-btn-desktop"
5482
+ id="auth-btn-desktop"
5468
5483
  [loading]="isBusy()"
5469
5484
  (pressed)="login.emit()"
5470
5485
  >
@@ -5474,7 +5489,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5474
5489
  <viking-button
5475
5490
  variant="primary"
5476
5491
  icon="home"
5477
- class="auth-btn"
5492
+ class="auth-btn auth-btn-desktop"
5493
+ id="auth-btn-desktop"
5478
5494
  [href]="urls().app + '/dashboard'"
5479
5495
  >
5480
5496
  Dashboard
@@ -5482,6 +5498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5482
5498
  <viking-button
5483
5499
  variant="ghost"
5484
5500
  class="auth-btn auth-signout-btn"
5501
+ id="auth-signout-desktop"
5485
5502
  [loading]="isBusy()"
5486
5503
  (pressed)="logout.emit()"
5487
5504
  >Sign Out</viking-button
@@ -5499,6 +5516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5499
5516
  [square]="true"
5500
5517
  class="menu-toggle-btn"
5501
5518
  [icon]="mobileMenuOpen() ? 'x' : 'menu'"
5519
+ id="mobile-menu-btn"
5502
5520
  [label]="
5503
5521
  mobileMenuOpen()
5504
5522
  ? 'Close navigation menu'
@@ -5545,6 +5563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5545
5563
  variant="primary"
5546
5564
  icon="arrow-right"
5547
5565
  class="mobile-auth-btn auth-btn"
5566
+ id="auth-btn-mobile"
5548
5567
  [loading]="isBusy()"
5549
5568
  [fullWidth]="true"
5550
5569
  (pressed)="login.emit(); closeMobileMenu()"
@@ -5556,6 +5575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5556
5575
  variant="primary"
5557
5576
  icon="home"
5558
5577
  class="mobile-auth-btn auth-btn"
5578
+ id="auth-btn-mobile"
5559
5579
  [fullWidth]="true"
5560
5580
  [href]="urls().app + '/dashboard'"
5561
5581
  (pressed)="closeMobileMenu()"
@@ -5565,6 +5585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5565
5585
  <viking-button
5566
5586
  variant="ghost"
5567
5587
  class="mobile-auth-btn auth-btn auth-signout-btn"
5588
+ id="auth-signout-mobile"
5568
5589
  [loading]="isBusy()"
5569
5590
  [fullWidth]="true"
5570
5591
  (pressed)="logout.emit(); closeMobileMenu()"
@@ -5592,7 +5613,7 @@ class VikingFooter {
5592
5613
  </section>
5593
5614
  </div>
5594
5615
  </footer>
5595
- `, isInline: true, styles: [".viking-footer,.mega-footer{background-color:var(--viking-surface, var(--color-surface));border-top:1px solid var(--viking-border-strong, var(--border-layout));padding:calc(var(--viking-space-2) * 2) var(--viking-space-2);font-family:var(--viking-font-family);color:var(--viking-text-muted)}.viking-footer-content,.footer-content{max-width:var(--container-max-width, 1260px);margin:0 auto}.viking-footer-directory,.footer-directory{display:grid;grid-template-columns:1fr;gap:calc(var(--viking-space-2) * 1.75);padding-bottom:calc(var(--viking-space-2) * 2);border-bottom:1px solid var(--viking-border-strong, var(--border-layout))}@media(min-width:600px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(4,1fr)}}.viking-footer-column-title,.footer-column-title{font-size:var(--viking-font-size);font-weight:700;color:var(--viking-text);margin:0 0 var(--viking-space-2);letter-spacing:.05em}.viking-footer-list,.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--viking-space-1)}.viking-footer-list a,.footer-list a{font-size:var(--viking-font-size);color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-footer-list a:hover,.footer-list a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-footer-bottom,.footer-bottom{padding-top:var(--viking-space-2);display:flex;flex-direction:column;gap:var(--viking-space-2)}.viking-footer-badges-top,.footer-badges-top{display:flex;justify-content:center;margin-bottom:var(--viking-space-2)}.viking-footer-compliance-row,.footer-compliance-row{display:flex;justify-content:center;align-items:center}.viking-copyright-info,.copyright-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--viking-space-2);font-size:var(--viking-font-size);color:var(--viking-text-muted);text-align:center}.viking-copyright-info a,.copyright-info a{color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-copyright-info a:hover,.copyright-info a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-usa-badge,.usa-badge{display:inline-flex;align-items:center;gap:var(--viking-space-1);padding:var(--viking-space-1) var(--viking-space-2);border-radius:var(--viking-radius-pill);background-color:transparent;border:1px solid var(--viking-border);cursor:default;transition:var(--viking-transition-colors);font-size:var(--viking-font-size);font-weight:500;color:var(--viking-text-muted)}.viking-usa-badge:hover,.usa-badge:hover{background-color:color-mix(in srgb,var(--viking-surface) 95%,var(--viking-accent) 5%);border-color:var(--viking-border-strong);color:var(--viking-text);box-shadow:var(--viking-shadow-sm)}.viking-usa-badge-icon,.usa-badge-icon{font-size:1.1em;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.viking-usa-badge:hover .viking-usa-badge-icon,.usa-badge:hover .usa-badge-icon{transform:scale(1.15) rotate(-5deg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5616
+ `, isInline: true, styles: [".viking-footer,.mega-footer{background-color:var(--viking-surface, var(--color-surface));border-top:1px solid var(--viking-border-strong, var(--border-layout));padding:calc(var(--viking-space-2) * 2) var(--viking-space-2);font-family:var(--viking-font-family);color:var(--viking-text-muted)}.viking-footer-content,.footer-content{max-width:var(--container-max-width, 1260px);margin:0 auto}.viking-footer-directory,.footer-directory{display:grid;grid-template-columns:1fr;gap:calc(var(--viking-space-2) * 1.75);padding-bottom:calc(var(--viking-space-2) * 2);border-bottom:1px solid var(--viking-border-strong, var(--border-layout))}@media(min-width:600px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(4,1fr)}}.viking-footer-column-title,.footer-column-title{font-size:var(--viking-font-size);font-weight:700;color:var(--viking-text);margin:0 0 var(--viking-space-2);letter-spacing:.05em}.viking-footer-list,.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--viking-space-1)}.viking-footer-list a,.footer-list a{font-size:var(--viking-font-size);color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-footer-list a:hover,.footer-list a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-footer-bottom,.footer-bottom{padding-top:var(--viking-space-2);display:flex;flex-direction:column;gap:var(--viking-space-2)}.viking-footer-badges-top,.footer-badges-top{display:flex;justify-content:center;margin-bottom:var(--viking-space-2)}.viking-footer-compliance-row,.footer-compliance-row{display:flex;justify-content:center;align-items:center}.viking-copyright-info,.copyright-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--viking-space-2);font-size:var(--viking-font-size);color:var(--viking-text-muted);text-align:center}.viking-copyright-info a,.copyright-info a{color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-copyright-info a:hover,.copyright-info a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-usa-badge,.usa-badge{display:inline-flex;align-items:center;gap:var(--viking-space-1);padding:var(--viking-space-1) var(--viking-space-2);border-radius:var(--viking-radius-pill);background-color:transparent;border:1px solid var(--viking-border);cursor:pointer;transition:var(--viking-transition-colors);font-size:var(--viking-font-size);font-weight:500;color:var(--viking-text-muted)}.viking-usa-badge:focus-visible,.usa-badge:focus-visible{outline:var(--viking-ring-width, 2px) solid var(--viking-ring, var(--viking-ring));outline-offset:var(--viking-ring-offset, 2px)}.viking-usa-badge:hover,.usa-badge:hover{background-color:color-mix(in srgb,var(--viking-surface) 95%,var(--viking-accent) 5%);border-color:var(--viking-border-strong);color:var(--viking-text);box-shadow:var(--viking-shadow-sm)}.viking-usa-badge-icon,.usa-badge-icon{font-size:1.1em;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.viking-usa-badge:hover .viking-usa-badge-icon,.usa-badge:hover .usa-badge-icon{transform:scale(1.15) rotate(-5deg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5596
5617
  }
5597
5618
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: VikingFooter, decorators: [{
5598
5619
  type: Component,
@@ -5605,7 +5626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5605
5626
  </section>
5606
5627
  </div>
5607
5628
  </footer>
5608
- `, styles: [".viking-footer,.mega-footer{background-color:var(--viking-surface, var(--color-surface));border-top:1px solid var(--viking-border-strong, var(--border-layout));padding:calc(var(--viking-space-2) * 2) var(--viking-space-2);font-family:var(--viking-font-family);color:var(--viking-text-muted)}.viking-footer-content,.footer-content{max-width:var(--container-max-width, 1260px);margin:0 auto}.viking-footer-directory,.footer-directory{display:grid;grid-template-columns:1fr;gap:calc(var(--viking-space-2) * 1.75);padding-bottom:calc(var(--viking-space-2) * 2);border-bottom:1px solid var(--viking-border-strong, var(--border-layout))}@media(min-width:600px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(4,1fr)}}.viking-footer-column-title,.footer-column-title{font-size:var(--viking-font-size);font-weight:700;color:var(--viking-text);margin:0 0 var(--viking-space-2);letter-spacing:.05em}.viking-footer-list,.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--viking-space-1)}.viking-footer-list a,.footer-list a{font-size:var(--viking-font-size);color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-footer-list a:hover,.footer-list a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-footer-bottom,.footer-bottom{padding-top:var(--viking-space-2);display:flex;flex-direction:column;gap:var(--viking-space-2)}.viking-footer-badges-top,.footer-badges-top{display:flex;justify-content:center;margin-bottom:var(--viking-space-2)}.viking-footer-compliance-row,.footer-compliance-row{display:flex;justify-content:center;align-items:center}.viking-copyright-info,.copyright-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--viking-space-2);font-size:var(--viking-font-size);color:var(--viking-text-muted);text-align:center}.viking-copyright-info a,.copyright-info a{color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-copyright-info a:hover,.copyright-info a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-usa-badge,.usa-badge{display:inline-flex;align-items:center;gap:var(--viking-space-1);padding:var(--viking-space-1) var(--viking-space-2);border-radius:var(--viking-radius-pill);background-color:transparent;border:1px solid var(--viking-border);cursor:default;transition:var(--viking-transition-colors);font-size:var(--viking-font-size);font-weight:500;color:var(--viking-text-muted)}.viking-usa-badge:hover,.usa-badge:hover{background-color:color-mix(in srgb,var(--viking-surface) 95%,var(--viking-accent) 5%);border-color:var(--viking-border-strong);color:var(--viking-text);box-shadow:var(--viking-shadow-sm)}.viking-usa-badge-icon,.usa-badge-icon{font-size:1.1em;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.viking-usa-badge:hover .viking-usa-badge-icon,.usa-badge:hover .usa-badge-icon{transform:scale(1.15) rotate(-5deg)}\n"] }]
5629
+ `, styles: [".viking-footer,.mega-footer{background-color:var(--viking-surface, var(--color-surface));border-top:1px solid var(--viking-border-strong, var(--border-layout));padding:calc(var(--viking-space-2) * 2) var(--viking-space-2);font-family:var(--viking-font-family);color:var(--viking-text-muted)}.viking-footer-content,.footer-content{max-width:var(--container-max-width, 1260px);margin:0 auto}.viking-footer-directory,.footer-directory{display:grid;grid-template-columns:1fr;gap:calc(var(--viking-space-2) * 1.75);padding-bottom:calc(var(--viking-space-2) * 2);border-bottom:1px solid var(--viking-border-strong, var(--border-layout))}@media(min-width:600px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.viking-footer-directory,.footer-directory{grid-template-columns:repeat(4,1fr)}}.viking-footer-column-title,.footer-column-title{font-size:var(--viking-font-size);font-weight:700;color:var(--viking-text);margin:0 0 var(--viking-space-2);letter-spacing:.05em}.viking-footer-list,.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--viking-space-1)}.viking-footer-list a,.footer-list a{font-size:var(--viking-font-size);color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-footer-list a:hover,.footer-list a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-footer-bottom,.footer-bottom{padding-top:var(--viking-space-2);display:flex;flex-direction:column;gap:var(--viking-space-2)}.viking-footer-badges-top,.footer-badges-top{display:flex;justify-content:center;margin-bottom:var(--viking-space-2)}.viking-footer-compliance-row,.footer-compliance-row{display:flex;justify-content:center;align-items:center}.viking-copyright-info,.copyright-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--viking-space-2);font-size:var(--viking-font-size);color:var(--viking-text-muted);text-align:center}.viking-copyright-info a,.copyright-info a{color:var(--viking-text-muted);text-decoration:none!important;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.viking-copyright-info a:hover,.copyright-info a:hover{color:var(--viking-text);border-bottom-color:var(--viking-text)}.viking-usa-badge,.usa-badge{display:inline-flex;align-items:center;gap:var(--viking-space-1);padding:var(--viking-space-1) var(--viking-space-2);border-radius:var(--viking-radius-pill);background-color:transparent;border:1px solid var(--viking-border);cursor:pointer;transition:var(--viking-transition-colors);font-size:var(--viking-font-size);font-weight:500;color:var(--viking-text-muted)}.viking-usa-badge:focus-visible,.usa-badge:focus-visible{outline:var(--viking-ring-width, 2px) solid var(--viking-ring, var(--viking-ring));outline-offset:var(--viking-ring-offset, 2px)}.viking-usa-badge:hover,.usa-badge:hover{background-color:color-mix(in srgb,var(--viking-surface) 95%,var(--viking-accent) 5%);border-color:var(--viking-border-strong);color:var(--viking-text);box-shadow:var(--viking-shadow-sm)}.viking-usa-badge-icon,.usa-badge-icon{font-size:1.1em;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.viking-usa-badge:hover .viking-usa-badge-icon,.usa-badge:hover .usa-badge-icon{transform:scale(1.15) rotate(-5deg)}\n"] }]
5609
5630
  }] });
5610
5631
 
5611
5632
  /**
@@ -5681,6 +5702,10 @@ class VikingSiteFooter {
5681
5702
  class="usa-badge viking-usa-badge"
5682
5703
  id="usa-badge"
5683
5704
  (mouseenter)="usaBadgeHover.emit($event)"
5705
+ (focusin)="usaBadgeHover.emit($event)"
5706
+ (click)="usaBadgeHover.emit($event)"
5707
+ role="button"
5708
+ tabindex="0"
5684
5709
  >
5685
5710
  <span
5686
5711
  class="usa-badge-icon viking-usa-badge-icon"
@@ -5761,6 +5786,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5761
5786
  class="usa-badge viking-usa-badge"
5762
5787
  id="usa-badge"
5763
5788
  (mouseenter)="usaBadgeHover.emit($event)"
5789
+ (focusin)="usaBadgeHover.emit($event)"
5790
+ (click)="usaBadgeHover.emit($event)"
5791
+ role="button"
5792
+ tabindex="0"
5764
5793
  >
5765
5794
  <span
5766
5795
  class="usa-badge-icon viking-usa-badge-icon"