1"use strict";var F,I,R,L,C=Object.freeze,W=Object.defineProperty,v=(m,y)=>C(W(m,"raw",{value:C(y||m.slice())}));(self.webpackChunkDfsCard=self.webpackChunkDfsCard||[]).push([[8567],{618:(m,y,r)=>{r.d(y,{t:()=>k});var n=r(6732),s=r(3370);const f=["*"];let k=(()=>{var h;class c{constructor(t){(0,n.A)(this,"ngZone",void 0),(0,n.A)(this,"el",(0,s.inject)(s.ElementRef).nativeElement),this.ngZone=t}blur(){this.el.blur()}click(){this.el.click()}focus(t){this.el.focus(t)}set disabled(t){this.ngZone.runOutsideAngular(()=>this.el.disabled=t)}get disabled(){return this.el.disabled}set size(t){this.ngZone.runOutsideAngular(()=>this.el.size=t)}get size(){return this.el.size}set rank(t){this.ngZone.runOutsideAngular(()=>this.el.rank=t)}get rank(){return this.el.rank}set loading(t){this.ngZone.runOutsideAngular(()=>this.el.loading=t)}get loading(){return this.el.loading}set appearance(t){this.ngZone.runOutsideAngular(()=>this.el.appearance=t)}get appearance(){return this.el.appearance}set iconOnly(t){this.ngZone.runOutsideAngular(()=>this.el.iconOnly=t)}get iconOnly(){return this.el.iconOnly}set textFieldButton(t){this.ngZone.runOutsideAngular(()=>this.el.textFieldButton=t)}get textFieldButton(){return this.el.textFieldButton}set type(t){this.ngZone.runOutsideAngular(()=>this.el.type=t)}get type(){return this.el.type}set name(t){this.ngZone.runOutsideAngular(()=>this.el.name=t)}get name(){return this.el.name}set value(t){this.ngZone.runOutsideAngular(()=>this.el.value=t)}get value(){return this.el.value}set delegatedAriaLabel(t){this.ngZone.runOutsideAngular(()=>this.el.delegatedAriaLabel=t)}get delegatedAriaLabel(){return this.el.delegatedAriaLabel}set href(t){this.ngZone.runOutsideAngular(()=>this.el.href=t)}get href(){return this.el.href}set download(t){this.ngZone.runOutsideAngular(()=>this.el.download=t)}get download(){return this.el.download}set target(t){this.ngZone.runOutsideAngular(()=>this.el.target=t)}get target(){return this.el.target}set rel(t){this.ngZone.runOutsideAngular(()=>this.el.rel=t)}get rel(){return this.el.rel}set fullWidth(t){this.ngZone.runOutsideAngular(()=>this.el.fullWidth=t)}get fullWidth(){return this.el.fullWidth}}return h=c,(0,n.A)(c,"\u0275fac",function(t){return new(t||h)(s.\u0275\u0275directiveInject(s.NgZone))}),(0,n.A)(c,"\u0275cmp",s.\u0275\u0275defineComponent({type:h,selectors:[["gds-button"]],inputs:{disabled:[2,"disabled","disabled",s.booleanAttribute],size:"size",rank:"rank",loading:[2,"loading","loading",s.booleanAttribute],appearance:"appearance",iconOnly:[2,"icon-only","iconOnly",s.booleanAttribute],textFieldButton:[2,"text-field-button","textFieldButton",s.booleanAttribute],type:"type",name:"name",value:"value",delegatedAriaLabel:[0,"delegated-aria-label","delegatedAriaLabel"],href:"href",download:"download",target:"target",rel:"rel",fullWidth:[2,"full-width","fullWidth",s.booleanAttribute]},ngContentSelectors:f,decls:1,vars:0,template:function(t,S){1&t&&(s.\u0275\u0275projectionDef(),s.\u0275\u0275projection(0))},encapsulation:2,changeDetection:0})),c})()},8224:(m,y,r)=>{var n=r(6943);let k;const h=(0,r(5027).AH)(k||(k=F||(F=v(["\n /* stylelint-disable font-family-no-missing-generic-family-keyword */\n :host {\n font-family: var(--gds-font-family, 'Optimist', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Arial', sans-serif);\n display: inline-block;\n --gds-button-spacing-min-width-small: 56px;\n --gds-button-spacing-min-width-medium: 80px;\n --gds-button-spacing-min-width-large: 112px;\n --gds-button-spacing-tertiary-min-width-small: 32px;\n --gds-button-spacing-tertiary-min-width-medium: 32px;\n --gds-button-spacing-tertiary-min-width-large: 48px;\n }\n :host([full-width]) {\n width: 100%;\n }\n /* General Button Styles */\n .gds-button {\n display: flex;\n gap: var(--gds-spacing-08, 8px);\n align-items: center;\n justify-content: center;\n font-family: var(--gds-font-family, 'Optimist', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Arial', sans-serif);\n border: var(--gds-border-width-none, 0px);\n width: 100%;\n }\n .gds-button slot {\n pointer-events: none;\n }\n .gds-button.gds-button--link {\n text-decoration: none;\n }
1\n .gds-button.gds-button--disabled {\n cursor: not-allowed;\n }\n .gds-button:hover:not(.gds-button--disabled) {\n cursor: pointer;\n }\n .gds-button.gds-button--icon-only {\n border-radius: var(--gds-corner-radius-pill, 9999px);\n }\n .gds-button.gds-button--text-field-button {\n border-radius: var(--gds-corner-radius-tiny, 2px);\n min-height: var(--gds-spacing-touch-target-min-height, 24px);\n min-width: var(--gds-spacing-touch-target-min-width, 24px);\n line-height: 0px;\n padding: var(--gds-spacing-04, 4px);\n }\n .gds-button.gds-button--text-field-button.gds-button--size-small {\n padding: var(--gds-spacing-04, 4px);\n }\n .gds-button.gds-button--text-field-button.gds-button--size-small:focus-visible {\n outline-color: var(--gds-color-border-focus, hsl(200 100% 33%));\n outline-offset: calc(0px - var(--gds-border-width-medium, 1px));\n }\n .gds-button.gds-button--text-field-button.gds-button--size-medium {\n padding: var(--gds-spacing-08, 8px);\n }\n .gds-button.gds-button--text-field-button.gds-button--size-medium:focus-visible {\n outline-color: var(--gds-color-border-focus, hsl(200 100% 33%));\n outline-offset: calc(0px - var(--gds-border-width-large, 2px));\n }\n .gds-button:active:not(.gds-button--disabled) {\n cursor: pointer;\n }\n .gds-button.gds-button--loading:not(.gds-button--disabled) {\n cursor: wait;\n }\n /* Focus styles */\n .gds-button:focus-visible:not(.gds-button--disabled, .gds-button--text-field-button) {\n outline: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-focus, hsl(200 100% 33%));\n outline-offset: var(--gds-border-width-large, 2px);\n }\n .gds-button.gds-button--appearance-on-image:focus-visible:not(.gds-button--disabled) {\n outline: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-focus-on-image, hsl(0 0% 100%));\n outline-offset: var(--gds-border-width-large, 2px);\n }\n .gds-button.gds-button--appearance-on-any-image:focus-visible:not(.gds-button--disabled) {\n outline: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-focus-on-image, hsl(0 0% 100%));\n outline-offset: var(--gds-border-width-large, 2px);\n box-shadow: 0 0 0 var(--gds-border-width-large, 2px) var(--gds-color-background-on-any-image-inverse, hsl(0 0% 0% / 0.55));\n }\n .gds-button.gds-button--appearance-inverse:focus-visible:not(.gds-button--disabled) {\n outline: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-focus-inverse, hsl(200 79% 54%));\n outline-offset: var(--gds-border-width-large, 2px);\n }\n /* Disabled Button Styles */\n .gds-button--rank-primary.gds-button--disabled {\n background-color: var(--gds-color-background-inactive-emphasis-low, hsl(0 0% 0% / 0.05));\n color: var(--gds-color-text-and-icon-inactive, hsl(0 0% 75%));\n }\n .gds-button--rank-primary.gds-button--disabled.gds-button--appearance-on-image {\n background-color: var(--gds-color-background-on-image-inactive, hsl(0 0% 100% / 0.20));\n color: var(--gds-color-text-and-icon-on-image-inverse-inactive, hsl(0 0% 0% / 0.50));\n }\n .gds-button--rank-primary.gds-button--disabled.gds-button--appearance-on-any-image {\n background-color: var(--gds-color-background-on-any-image-inactive, hsl(0 0% 100% / 0.20));\n color: var(--gds-color-text-and-icon-on-image-inverse-inactive, hsl(0 0% 0% / 0.50));\n }\n .gds-button--rank-primary.gds-button--disabled.gds-button--appearance-inverse {\n background-color: var(--gds-color-background-neutral-inverse-inactive-emphasis-low, hsl(0 0% 100% / 0.10));\n color: var(--gds-color-text-and-icon-neutral-inverse-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-secondary.gds-button--disabled {\n background-color: var(--gds-color-background-transparent, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-inactive, hsl(0 0% 75%));\n color: var(--gds-color-text-and-icon-inactive, hsl(0 0% 75%));\n }\n .gds-button--rank-secondary.gds-button--disabled.gds-button--appearance-on-image {\n background-color: var(--gds-color-background-on-image-inverse-inactive, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-inactive, hsla(0 0% 100% / 0.2));\n color: var(--gds-color-text-and-icon-on-image-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-secondary.gds-button--disabled.gds-button--appearance-on-any-image {\n background-color: var(--gds-color-background-on-any-image-inverse-inactive, hsl(0 0% 0% / 0.20));\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-inactive, hsla(0 0% 100% / 0.2));\n color: var(--gds-color-text-and-icon-on-image-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-secondary.gds-button--disabled.gds-button--appearance-inverse {\n background-color: var(--gds-color-background-neutral-inverse-inactive-emphasis-none, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-neutral-inverse-inactive, hsl(0 0% 100% / 0.20));\n color: var(--gds-color-text-and-icon-neutral-inverse-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-tertiary.gds-button--disabled {\n background-color: var(--gds-color-background-trans
1parent, transparent);\n color: var(--gds-color-text-and-icon-inactive, hsl(0 0% 75%));\n }\n .gds-button--rank-tertiary.gds-button--disabled.gds-button--appearance-on-image {\n background-color: var(--gds-color-background-on-image-inverse-inactive, transparent);\n color: var(--gds-color-text-and-icon-on-image-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-tertiary.gds-button--disabled.gds-button--appearance-on-any-image {\n background-color: var(--gds-color-background-on-any-image-inverse-inactive, hsl(0 0% 0% / 0.20));\n color: var(--gds-color-text-and-icon-on-image-inactive, hsl(0 0% 100% / 0.20));\n }\n .gds-button--rank-tertiary.gds-button--disabled.gds-button--appearance-inverse {\n background-color: var(--gds-color-background-neutral-inverse-inactive-emphasis-none, transparent);\n color: var(--gds-color-text-and-icon-neutral-inverse-inactive, hsl(0 0% 100% / 0.20));\n }\n /* Button Sizes */\n .gds-button--size-small {\n border-radius: var(--gds-button-corner-radius-small, 4px);\n font-size: var(--gds-font-size-14, .875rem);\n font-weight: var(--gds-font-weight-semibold, 600);\n line-height: var(--gds-font-line-height-ratio-130, 1.3);\n min-width: var(--gds-button-spacing-min-width-small, 56px);\n padding: var(--gds-spacing-06, 6px) var(--gds-button-spacing-padding-left-right-small, 16px);\n min-height: 32px;\n }\n .gds-button--size-small.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-06, 6px) - var(--gds-border-width-medium, 1px))\n calc(var(--gds-button-spacing-padding-left-right-small, 16px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-small.gds-button--rank-secondary:hover:not(.gds-button--disabled),\n .gds-button--size-small.gds-button--rank-secondary:active:not(.gds-button--disabled) {\n padding: calc(var(--gds-spacing-06, 6px) - var(--gds-border-width-large, 2px))\n calc(var(--gds-button-spacing-padding-left-right-small, 16px) - var(--gds-border-width-large, 2px));\n }\n .gds-button--size-small.gds-button--rank-tertiary:not(.gds-button--appearance-on-any-image):not(\n .gds-button--icon-only,\n .gds-button--text-field-button\n ) {\n min-width: var(--gds-button-spacing-tertiary-min-width-small, 32px);\n padding-left: var(--gds-spacing-none, 0px);\n padding-right: var(--gds-spacing-none, 0px);\n }\n .gds-button--size-small.gds-button--icon-only {\n padding: var(--gds-spacing-08, 8px);\n height: var(--gds-button-icon-only-spacing-height-small, 32px);\n width: var(--gds-button-icon-only-spacing-width-small, 32px);\n min-width: var(--gds-button-icon-only-spacing-width-small, 32px);\n }\n .gds-button--size-small.gds-button--icon-only.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-08, 8px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-small.gds-button--icon-only.gds-button--rank-secondary:hover:not(:disabled),\n .gds-button--size-small.gds-button--icon-only.gds-button--rank-secondary:active:not(:disabled) {\n padding: calc(var(--gds-spacing-08, 8px) - var(--gds-border-width-large, 2px));\n }\n .gds-button--size-medium {\n border-radius: var(--gds-button-corner-radius-medium, 6px);\n font-size: var(--gds-font-size-16, 1rem);\n font-weight: var(--gds-font-weight-semibold, 600);\n line-height: var(--gds-font-line-height-ratio-150, 1.5);\n min-width: var(--gds-button-spacing-min-width-medium, 80px);\n padding: var(--gds-spacing-12, 12px) var(--gds-button-spacing-padding-left-right-medium, 24px);\n }\n .gds-button--size-medium.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-12, 12px) - var(--gds-border-width-medium, 1px))\n calc(var(--gds-button-spacing-padding-left-right-medium, 24px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-medium.gds-button--rank-secondary:hover:not(.gds-button--disabled),\n .gds-button--size-medium.gds-button--rank-secondary:active:not(.gds-button--disabled) {\n padding: calc(var(--gds-spacing-12, 12px) - var(--gds-border-width-large, 2px))\n calc(var(--gds-button-spacing-padding-left-right-medium, 24px) - var(--gds-border-width-large, 2px));\n }\n .gds-button--size-medium.gds-button--rank-tertiary:not(.gds-button--appearance-on-any-image):not(\n .gds-button--icon-only,\n .gds-button--text-field-button\n ) {\n min-width: var(--gds-button-spacing-tertiary-min-width-medium, 32px);\n padding-left: var(--gds-spacing-none, 0px);\n padding-right: var(--gds-spacing-none, 0px);\n }\n .gds-button--size-medium.gds-button--icon-only {\n padding: var(--gds-spacing-12, 12px);\n height: var(--gds-button-icon-only-spacing-height-medium, 48px);\n width: var(--gds-button-icon-only-spacing-width-medium, 48px);\n min-width: var(--gds-button-icon-only-spacing-width-medium, 48px);\n }\n .gds-button--size-medium.gds-button--icon-only.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-12, 12px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-medium.gds-button--icon-only.gds-button--rank-secondary:hover:not(:disabled),\n .gds-button--size-medium.gds-button--icon-only.gds-button--rank-secondary:active:not(:disabled) {\n padding: calc(var(--gds-spacing-12, 12px) - var(--gds-border-width-large, 2px));\n }\n .gds-button--size-large {\n border-radius: var(--gds-button-corner-radius-large, 8px);\n font-size: var(--gds-font-size-20, 1.25rem);\n font-weight: var(--gds-font-weight-semibold, 600);\n line-height: var(--gds-font-line-height-ratio-130, 1.3);\n min-width: var(--gds-button-spacing-min-width-large, 112px);\n padding: var(--gds-spacing-18, 18px) var(--gds-button-spacing-padding-left-right-large, 32px);\n min-height: 64px;\n }\n .gds-button--size-large.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-18, 18px) - var(--gds-border-width-medium, 1px))\n calc(var(--gds-button-spacing-padding-left-right-large, 32px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-large.gds-button--rank-secondary:hover:not(.gds-button--disabled),\n .gds-button--size-large.gds-button--rank-secondary:active:not(.gds-button--disabled) {\n padding: calc(var(--gds-spacing-18, 18px) - var(--gds-border-width-large, 2px))\n calc(var(--gds-button-spacing-padding-left-right-large, 32px) - var(--gds-border-width-large, 2px));\n }\n .gds-button--size-large.gds-button--rank-tertiary:not(.gds-button--appearance-on-any-image):not(\n .gds-button--icon-only\n ) {\n min-width: var(--gds-button-spacing-tertiary-min-width-large, 48px);\n padding-left: var(--gds-spacing-none, 0px);\n padding-right: var(--gds-spacing-none, 0px);\n }\n .gds-button--size-large.gds-button--icon-only {\n padding: var(--gds-spacing-16, 16px);\n height: var(--gds-button-icon-only-spacing-height-large, 64px);\n width: var(--gds-button-icon-only-spacing-width-large, 64px);\n min-width: var(--gds-button-icon-only-spacing-width-large, 64px);\n }\n .gds-button--size-large.gds-button--icon-only.gds-button--rank-secondary {\n padding: calc(var(--gds-spacing-16, 16px) - var(--gds-border-width-medium, 1px));\n }\n .gds-button--size-large.gds-button--icon-only.gds-button--rank-secondary:hover:not(:disabled),\n .gds-button--size-large.gds-button--icon-only.gds-button--rank-secondary:active:not(:disabled) {\n padding: calc(var(--gds-spacing-16, 16px) - var(--gds-border-width-large, 2px));\n }\n /* Button Rank: Primary Styles */\n .gds-button--rank-primary:not(.gds-button--disabled) {\n color: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n\n /* Button Appearance: Default Styles (rank: primary) */\n }\n .gds-button--rank-primary.gds-button--appearance-default:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-high, hsl(200 100% 33%));\n }\n .gds-button--rank-primary.gds-button--appearance-default:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-primary.gds-button--appearance-default:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-high-hover, hsl(200 98% 26%));\n }\n .gds-button--rank-primary.gds-button--appearance-default:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-high-press, hsl(200 98% 18%));\n }\n /* Button Appearance: Critical Styles (rank: primary) */\n .gds-button--rank-primary.gds-button--appearance-critical:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-high, hsl(359 70% 47%));\n }\n .gds-button--rank-primary.gds-button--appearance-critical:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-primary.gds-button--appearance-critical.gds-button--appearance-critical:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-high-hover, hsl(359 65% 37%));\n }\n .gds-button--rank-primary.gds-button--appearance-critical.gds-button--appearance-critical:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-high-press, hsl(359 57% 29%));\n }\n /* Button Appearance: Neutral Styles (rank: primary) */\n .gds-button--rank-primary.gds-button--appearance-neutral:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-high, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-neutral:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-primary.gds-button--appearance-neutral.gds-button--appearance-neutral:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-high-hover, hsl(0 0% 16%));\n }\n .gds-button--rank-primary.gds-button--appearance-neutral.gds-button--appearance-neutral:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-high-press, hsl(0 0% 24%));\n }\n /* Button Appearance: On Image Styles (rank: primary) */\n .gds-button--rank-primary.gds-button--appearance-on-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-on-image-inverse, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-on-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image-inverse, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-on-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-hover, hsl(0 0% 100% / 0.90));\n }\n .gds-button--rank-primary.gds-button--appearance-on-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: On Any Image Styles (rank: primary) */\n .gds-button--rank-primary.gds-button--appearance-on-any-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-on-image-inverse, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-on-any-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image-inverse, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-on-any-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-hover, hsl(0 0% 100% / 0.90));\n }\n .gds-button--rank-primary.gds-button--appearance-on-any-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: Inverse Styles (rank: primary) */\n .gds-button--rank-primary.gds-button--appearance-inverse:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-high, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-inverse:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-primary.gds-button--appearance-inverse:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-high-hover, hsl(0 0% 91%));\n }\n .gds-button--rank-primary.gds-button--appearance-inverse:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-high-press, hsl(0 0% 83%));\n }\n /* Button Rank: Secondary Styles */\n /* Button Appearance: Default Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-default:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-none, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-interactive-emphasis-high, hsl(200 100% 33%));\n color: var(--gds-color-text-and-icon-interactive, hsl(200 100% 33%));\n }\n .gds-button--rank-secondary.gds-button--appearance-default:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-interactive, hsl(200 100% 33%));\n }\n .gds-button--rank-secondary.gds-button--appearance-default.gds-button--appearance-default:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-none-hover, hsl(201 100% 96%));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-interactive-emphasis-high-hover, hsl(200 98% 26%));\n color: var(--gds-color-text-and-icon-interactive-hover, hsl(200 98% 26%));\n }\n .gds-button--rank-secondary.gds-button--appearance-default.gds-button--appearance-default:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-none-press, hsl(200 100% 90%));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-interactive-emphasis-high-press, hsl(200 98% 18%));\n color: var(--gds-color-text-and-icon-interactive-press, hsl(200 98% 18%));\n }\n /* Button Appearance: Critical Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-critical:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-none, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-critical-emphasis-high, hsl(359 70% 47%));\n color: var(--gds-color-text-and-icon-critical, hsl(359 70% 47%));\n }\n .gds-button--rank-secondary.gds-button--appearance-critical:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-critical, hsl(359 70% 47%));\n }\n .gds-button--rank-secondary.gds-button--appearance-critical.gds-button--appearance-critical:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-none-hover, hsl(0, 100%, 97%));\n border
1: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-critical-emphasis-high-hover, hsl(359 65% 37%));\n color: var(--gds-color-text-and-icon-critical-hover, hsl(359 65% 37%));\n }\n .gds-button--rank-secondary.gds-button--appearance-critical.gds-button--appearance-critical:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-none-press, hsl(0, 100%, 94%));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-critical-emphasis-high-press, hsl(359 57% 29%));\n color: var(--gds-color-text-and-icon-critical-press, hsl(359 57% 29%));\n }\n /* Button Appearance: Neutral Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-neutral:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-none, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-neutral-emphasis-high, hsl(0 0% 7%));\n color: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-secondary.gds-button--appearance-neutral:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-secondary.gds-button--appearance-neutral.gds-button--appearance-neutral:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-none-hover, hsl(0 0% 0% / 0.05));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-neutral-emphasis-high-hover, hsl(0 0% 16%));\n color: var(--gds-color-text-and-icon-neutral-primary-hover, hsl(0 0% 16%));\n }\n .gds-button--rank-secondary.gds-button--appearance-neutral.gds-button--appearance-neutral:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-none-press, hsl(0 0% 0% / 0.10));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-neutral-emphasis-high-press, hsl(0 0% 24%));\n color: var(--gds-color-text-and-icon-neutral-primary-press, hsl(0 0% 24%));\n }\n /* Button Appearance: On Image Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-on-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse-hover, hsl(0 0% 0% / 0.15));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high-hover, hsla(0 0% 100% / 0.9));\n color: var(--gds-color-text-and-icon-on-image-hover, hsla(0 0% 100% / 0.90));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse-press, hsl(0 0% 0% / 0.30));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high-press, hsla(0 0% 100% / 0.8));\n color: var(--gds-color-text-and-icon-on-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: On Any Image Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-on-any-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse, hsl(0 0% 0% / 0.55));\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-any-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-any-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse-hover, hsl(0 0% 0% / 0.65));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high-hover, hsla(0 0% 100% / 0.9));\n color: var(--gds-color-text-and-icon-on-image-hover, hsla(0 0% 100% / 0.90));\n }\n .gds-button--rank-secondary.gds-button--appearance-on-any-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse-press, hsl(0 0% 0% / 0.75
1));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid) var(--gds-color-border-on-image-emphasis-high-press, hsla(0 0% 100% / 0.8));\n color: var(--gds-color-text-and-icon-on-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: Inverse Styles (rank: secondary) */\n .gds-button--rank-secondary.gds-button--appearance-inverse:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none, transparent);\n border: var(--gds-border-width-medium, 1px) var(--gds-border-style-solid, solid) var(--gds-color-border-neutral-inverse-emphasis-high, hsl(0 0% 100%));\n color: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-inverse:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-secondary.gds-button--appearance-inverse:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none-hover, hsl(0 0% 100% / 0.05));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid)\n var(--gds-color-border-neutral-inverse-emphasis-high-hover, hsl(0 0% 91%));\n color: var(--gds-color-text-and-icon-neutral-inverse-hover, hsl(0 0% 91%));\n }\n .gds-button--rank-secondary.gds-button--appearance-inverse:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none-press, hsl(0 0% 100% / 0.10));\n border: var(--gds-border-width-large, 2px) var(--gds-border-style-solid, solid)\n var(--gds-color-border-neutral-inverse-emphasis-high-press, hsl(0 0% 83%));\n color: var(--gds-color-text-and-icon-neutral-inverse-press, hsl(0 0% 83%));\n }\n /* Button Rank: Tertiary Styles */\n /* Button Appearance: Default Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-default:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-interactive-emphasis-none, transparent);\n color: var(--gds-color-text-and-icon-interactive, hsl(200 100% 33%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-default:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-interactive, hsl(200 100% 33%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-default:not(.gds-button--disabled):hover {\n background-color: var(--gds-color-background-interactive-emphasis-none-hover, hsl(201 100% 96%));\n color: var(--gds-color-text-and-icon-interactive-hover, hsl(200 98% 26%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-default:not(.gds-button--disabled):active {\n background-color: var(--gds-color-background-interactive-emphasis-none-press, hsl(200 100% 90%));\n color: var(--gds-color-text-and-icon-interactive-press, hsl(200 98% 18%));\n }\n /* Button Appearance: Critical Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-critical:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-critical-emphasis-none, transparent);\n color: var(--gds-color-text-and-icon-critical, hsl(359 70% 47%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-critical:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-critical, hsl(359 70% 47%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-critical:not(.gds-button--disabled):hover {\n background-color: var(--gds-color-background-critical-emphasis-none-hover, hsl(0, 100%, 97%));\n color: var(--gds-color-text-and-icon-critical-hover, hsl(359 65% 37%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-critical:not(.gds-button--disabled):active {\n background-color: var(--gds-color-background-critical-emphasis-none-press, hsl(0, 100%, 94%));\n color: var(--gds-color-text-and-icon-critical-press, hsl(359 57% 29%));\n }\n /* Button Appearance: Neutral Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-neutral:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-emphasis-none, transparent);\n color: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-neutral:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-primary, hsl(0 0% 7%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-neutral:not(.gds-button--disabled):hover {\n background-color: var(--gds-color-background-neutral-emphasis-none-hover, hsl(0 0% 0% / 0.05));\n color: var(--gds-color-text-and-icon-neutral-primary-hover, hsl(0 0% 16%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-neutral:not(.gds-button--disabled):active {\n background-color: var(--gds-color-background-neutral-emphasis-none-press, hsl(0 0% 0% / 0.10));\n color: var(--gds-color-text-and-icon-neutral-primary-press, hsl(0 0% 24%));\n }\n /* Button Appearance: On Image Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-on-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse, transparent);\n color: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse-hover, hsl(0 0% 0% / 0.15));\n color: var(--gds-color-text-and-icon-on-image-hover, hsla(0 0% 100% / 0.90));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-image-inverse-press, hsl(0 0% 0% / 0.30));\n color: var(--gds-color-text-and-icon-on-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: On Any Image Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-on-any-image:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse, hsl(0 0% 0% / 0.55));\n color: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-any-image:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-on-image, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-any-image:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse-hover, hsl(0 0% 0% / 0.65));\n color: var(--gds-color-text-and-icon-on-image-hover, hsla(0 0% 100% / 0.90));\n }\n .gds-button--rank-tertiary.gds-button--appearance-on-any-image:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-on-any-image-inverse-press, hsl(0 0% 0% / 0.75
1));\n color: var(--gds-color-text-and-icon-on-image-press, hsl(0 0% 100% / 0.80));\n }\n /* Button Appearance: Inverse Styles (rank: tertiary) */\n .gds-button--rank-tertiary.gds-button--appearance-inverse:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none, transparent);\n color: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-inverse:not(.gds-button--disabled) circle {\n stroke: var(--gds-color-text-and-icon-neutral-inverse, hsl(0 0% 100%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-inverse:not(.gds-button--disabled):hover:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none-hover, hsl(0 0% 100% / 0.05));\n color: var(--gds-color-text-and-icon-neutral-inverse-hover, hsl(0 0% 91%));\n }\n .gds-button--rank-tertiary.gds-button--appearance-inverse:not(.gds-button--disabled):active:not(.gds-button--disabled) {\n background-color: var(--gds-color-background-neutral-inverse-emphasis-none-press, hsl(0 0% 100% / 0.10));\n color: var(--gds-color-text-and-icon-neutral-inverse-press, hsl(0 0% 83%));\n }\n /* Circular Loading Indicator Styles */\n .gds-button--loading {\n display: flex;\n justify-content: center;
1\n align-items: center;\n }\n .gds-button--loading slot {\n color: transparent;\n }\n .gds-button--loading .gds-circular-loading-indicator.gds-circular-loading-indicator--type-indeterminate {\n position: absolute;\n color: currentColor;\n }\n .gds-button--loading .gds-circular-loading-indicator.gds-circular-loading-indicator--type-indeterminate .gds-circular-loading-indicator__circle {\n stroke: currentColor;\n }\n .gds-button--loading.gds-button--size-small {\n padding-top: var(--gds-spacing-08, 8px);\n padding-bottom: var(--gds-spacing-08, 8px);\n line-height: var(--gds-circular-loading-indicator-spacing-height-small, 16px);\n }\n .gds-button--loading.gds-button--size-small.gds-button--rank-secondary {\n padding-top: calc(var(--gds-spacing-08, 8px) - 1px);\n padding-bottom: calc(var(--gds-spacing-08, 8px) - 1px);\n }\n .gds-button--loading.gds-button--size-small.gds-button--rank-secondary:hover:not(.gds-button--disabled),\n .gds-button--loading.gds-button--size-small.gds-button--rank-secondary:active:not(.gds-button--disabled) {\n padding-top: calc(var(--gds-spacing-08, 8px) - 2px);\n padding-bottom: calc(var(--gds-spacing-08, 8px) - 2px);\n }\n .gds-button--loading.gds-button--size-medium {\n padding-top: var(--gds-spacing-12, 12px);\n padding-bottom: var(--gds-spacing-12, 12px);\n line-height: var(--gds-circular-loading-indicator-spacing-height-medium, 24px);\n }\n .gds-button--loading.gds-button--size-medium.gds-button--rank-secondary {\n padding-top: calc(var(--gds-spacing-12, 12px) - 1px);\n padding-bottom: calc(var(--gds-spacing-12, 12px) - 1px);\n }\n .gds-button--loading.gds-button--size-medium.gds-button--rank-secondary:hover:not(.gds-button--disabled) {\n padding-top: calc(var(--gds-spacing-12, 12px) - 2px);\n padding-bottom: calc(var(--gds-spacing-12, 12px) - 2px);\n }\n .gds-button--loading.gds-button--size-large {\n padding-top: var(--gds-spacing-20, 20px);\n padding-bottom: var(--gds-spacing-20, 20px);\n line-height: var(--gds-circular-loading-indicator-spacing-height-medium, 24px);\n }\n .gds-button--loading.gds-button--size-large.gds-button--rank-secondary {\n padding-top: calc(var(--gds-spacing-20, 20px) - 1px);\n padding-bottom: calc(var(--gds-spacing-20, 20px) - 1px);\n }\n .gds-button--loading.gds-button--size-large.gds-button--rank-secondary:hover:not(.gds-button--disabled),\n .gds-button--loading.gds-button--size-large.gds-button--rank-secondary:active:not(.gds-button--disabled) {\n padding-top: calc(var(--gds-spacing-20, 20px) - 2px);\n padding-bottom: calc(var(--gds-spacing-20, 20px) - 2px);\n }\n"]))));var c=r(2383),u=r(7397),t=r(2861),S=r(6514),P=r(636),x=r(954),l=r(8741),O=r(5847),$=r(2862),E=r(6026),w=r(9519),A=r(1245);let M,Z,D;var j=Object.defineProperty,G=Object.getOwnPropertyDescriptor,d=(g,a,b,o)=>{for(var B,i=o>1?void 0:o?G(a,b):a,p=g.length-1;p>=0;p--)(B=g[p])&&(i=(o?B(a,b,i):B(i))||i);return o&&i&&j(a,b,i),i};let e=(()=>{class a extends((0,S.F)(u.jF)){constructor(){super(...arguments),this.disabled=n.nA.disabled,this.size=n.nA.size,this.rank=n.nA.rank,this.loading=n.nA.loading,this.appearance=n.nA.appearance,this.iconOnly=n.nA.iconOnly,this.textFieldButton=n.nA.textFieldButton,this.type=n.nA.type,this.fullWidth=n.nA.fullWidth,this.handleKeyDown=o=>{if("Enter"===o.key||" "===o.key||"Space"===o.key){var i;const p=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("a");p&&(o.preventDefault(),p.click())}},this.clickHandler=o=>{if(this.loading)return o.preventDefault(),void o.stopImmediatePropagation();this.form&&"submit"===this.type||this.form&&null===this.type?(0,P.tA)(this.form):this.form&&"reset"===this.type&&this.form.reset()}}getName(){return"gds-button"}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}render(){return function _(g){const a=(0,x.A)((0,x.A)({},n.nA),g),b={"gds-button":!0,"gds-button--size-small":a.size===n.Mp.Small,"gds-button--size-medium":a.size===n.Mp.Medium,"gds-button--size-large":a.size===n.Mp.Large,"gds-button--appearance-neutral":a.appearance===n.RD.Neutral,"gds-button--appearance-default":a.appearance===n.RD.Default,"gds-button--appearance-critical":a.appearance===n.RD.Critical,"gds-button--appearance-on-image":a.appearance===n.RD.OnImage,"gds-button--appearance-on-any-image":a.appearance===n.RD.OnAnyImage,"gds-button--appearance-inverse":a.appearance===n.RD.Inverse,"gds-button--rank-primary":a.rank===n.RP.Primary,"gds-button--rank-secondary":a.rank===n.RP.Secondary,"gds-button--rank-tertiary":a.rank===n.RP.Tertiary,"gds-button--icon-only":!0===a.iconOnly,"gds-button--loading":!a.href&&!0===a.loading,"gds-button--disabled":!a.href&&!0===a.disabled,"gds-button--link":!!a.href},o={"gds-button":!0,"gds-button--size-small":a.size===n.Mp.Small,"gds-button--size-medium":a.size===(n.Mp.Medium||n.Mp.Large),"gds-button--appearance-neutral":!0,"gds-button--rank-tertiary":!0,"gds-button--text-field-button":!0,"gds-button--loading":!0===a.loading,"gds-button--disabled":!0===a.disabled},i=(0,A.eu)(a.href?M||(M=I||(I=v(["a"]))):Z||(Z=R||(R=v(["button"]))));return(0,A.qy)(D||(D=L||(L=v(["<","\n class=","\n name=","\n value=","\n ?disabled=","\n aria-disabled=","\n aria-label=","\n href=","\n rel=","\n target=","\n download=",'\n part="button"\n @click=',"\n >\n ",'\n <slot name="icon-leading"></slot>\n <slot></slot>\n <slot name="icon-trailing"></slot>\n </',">"]))),i,(0,O.H)(a.textFieldButton?o:b),(0,l.J)(a.name),(0,l.J)(a.value),(0,l.J)(a.href?void 0:a.disabled),(0,l.J)(a.loading),(0,l.J)(a.delegatedAriaLabel),(0,l.J)(a.href),(0,l.J)(a.rel),(0,l.J)(a.target),(0,l.J)(a.download),a.click,(0,$.z)(a.loading&&!(a.href&&a.disabled),()=>(0,E.D)((0,x.A)((0,x.A)({},w.dt),{},{size:a.size===n.Mp.Small?w.KG.Small:w.KG.Medium}))),i)}({disabled:this.disabled,size:this.size,rank:this.rank,loading:this.loading,href:this.href,download:this.download,rel:this.rel,target:this.target,appearance:this.appearance,iconOnly:this.iconOnly,textFieldButton:this.textFieldButton,type:this.t
1ype,name:this.name,value:this.value,delegatedAriaLabel:this.delegatedAriaLabel,click:this.clickHandler})}click(){var o;null===(o=this.shadowRoot)||void 0===o||null===(o=o.querySelector("button"))||void 0===o||o.click()}}return a.styles=[u.$m,u.O5,h,c.A],a})();d([(0,t.MZ)({reflect:!0,type:Boolean})],e.prototype,"disabled",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"size",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"rank",2),d([(0,t.MZ)({reflect:!0,type:Boolean})],e.prototype,"loading",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"appearance",2),d([(0,t.MZ)({attribute:"icon-only",reflect:!0,type:Boolean})],e.prototype,"iconOnly",2),d([(0,t.MZ)({attribute:"text-field-button",reflect:!0,type:Boolean})],e.prototype,"textFieldButton",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"type",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"name",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"value",2),d([(0,t.MZ)({attribute:"delegated-aria-label",reflect:!0,type:String})],e.prototype,"delegatedAriaLabel",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"href",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"download",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"target",2),d([(0,t.MZ)({reflect:!0,type:String})],e.prototype,"rel",2),d([(0,t.MZ)({attribute:"full-width",reflect:!0,type:Boolean})],e.prototype,"fullWidth",2),customElements.get("gds-button")||customElements.define("gds-button",e)}}]); 2//# sourceMappingURL=8567.f0de21cbd9f97917.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.