1import { b as l, A as h } from "./lit-element.chunk-B6Olh1kf.js"; 2import { r as d, n as c } from "./state.chunk-B35jHvjT.js"; 3import { n as _ } from "./query-assigned-nodes.chunk-o3fcRnwQ.js"; 4import { pdsCustomElement as k } from "./pds-custom-element.C-DkuQLk.js"; 5import { P as O } from "./PdsElement.chunk-BX0ldsof.js"; 6import { required as b } from "./required.BZ0rTH-S.js"; 7import "./link.Dqw1KZnq.js"; 8import { p as u, P as f, o as v } from "./PdsIcon.chunk-BI1lDQ_X.js"; 9const D = ` 10<svg 11 class="lucide lucide-circle-question-mark" 12 xmlns="http://www.w3.org/2000/svg" 13 width="24" 14 height="24" 15 viewBox="0 0 24 24" 16 fill="none" 17 stroke="currentColor" 18 stroke-width="2" 19 stroke-linecap="round" 20 stroke-linejoin="round" 21> 22 <circle cx="12" cy="12" r="10" /> 23 <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" /> 24 <path d="M12 17h.01" /> 25</svg> 26`; 27const j = ` 28<svg 29 class="lucide lucide-mail" 30 xmlns="http://www.w3.org/2000/svg" 31 width="24" 32 height="24" 33 viewBox="0 0 24 24" 34 fill="none" 35 stroke="currentColor" 36 stroke-width="2" 37 stroke-linecap="round" 38 stroke-linejoin="round" 39> 40 <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" /> 41 <rect x="2" y="4" width="20" height="16" rx="2" /> 42</svg> 43`; 44const L = ` 45<svg 46 class="lucide lucide-phone" 47 xmlns="http://www.w3.org/2000/svg" 48 width="24" 49 height="24" 50 viewBox="0 0 24 24" 51 fill="none" 52 stroke="currentColor" 53 stroke-width="2" 54 stroke-linecap="round" 55 stroke-linejoin="round" 56> 57 <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" /> 58</svg> 59`; 60const I = ` 61<svg 62 class="lucide lucide-printer" 63 xmlns="http://www.w3.org/2000/svg" 64 width="24" 65 height="24" 66 viewBox="0 0 24 24" 67 fill="none" 68 stroke="currentColor" 69 stroke-width="2" 70 stroke-linecap="round" 71 stroke-linejoin="round" 72> 73 <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" /> 74 <path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6" /> 75 <rect x="6" y="14" width="12" height="8" rx="1" /> 76</svg> 77`, T = "*,::slotted(*),*:before,*:after{box-sizing:border-box}:host{display:block}pds-link::part(link){font-weight:var(--pds-semantic-type-body-default-compact-font-weight);font-size:var(--pds-semantic-type-body-default-compact-font-size);line-height:var(--pds-semantic-type-body-default-compact-line-height);font-family:var(--pds-semantic-type-body-default-compact-font-family);letter-spacing:var(--pds-semantic-type-body-default-compact-letter-spacing);text-transform:var(--pds-semantic-type-body-default-compact-text-transform);line-height:var(--pds-semantic-type-body-default-line-height)}.pds-c-footer-contact-link{white-space:nowrap}@media only screen and (min-width:768px){.pds-c-footer-contact-link{padding-bottom:calc(var(--pds-base-unit) * 3)}}@media only screen and (max-width:540px){.pds-c-footer-contact-link{border-bottom:none}}"; 78var A = Object.defineProperty, M = Object.getOwnPropertyDescriptor, x = (s, e, n, r) => { 79 for (var t = r > 1 ? void 0 : r ? M(e, n) : e, o = s.length - 1, i; o >= 0; o--) 80 (i = s[o]) && (t = (r ? i(e, n, t) : i(t)) || t); 81 return r && t && A(e, n, t), t; 82}; 83let m = class extends f { 84 constructor() { 85 super(...arguments), this.icon = L; 86 } 87 render() { 88 return l`${v(this.setIconAttributes())}`; 89 } 90}; 91x([ 92 d() 93], m.prototype, "icon", 2); 94m = x([ 95 u("pds-icon-phone") 96], m); 97var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, P = (s, e, n, r) => { 98 for (var t = r > 1 ? void 0 : r ? E(e, n) : e, o = s.length - 1, i; o >= 0; o--) 99 (i = s[o]) && (t = (r ? i(e, n, t) : i(t)) || t); 100 return r && t && S(e, n, t), t; 101}; 102let g = class extends f { 103 constructor() { 104 super(...arguments), this.icon = D; 105 } 106 render() { 107 return l`${v(this.setIconAttributes())}`; 108 } 109}; 110P([ 111 d() 112], g.prototype, "icon", 2); 113g = P([ 114 u("pds-icon-help-circle") 115], g); 116var B = Object.defineProperty, H = Object.getOwnPropertyDescriptor, C = (s, e, n, r) => { 117 for (var t = r > 1 ? void 0 : r ? H(e, n) : e, o = s.length - 1, i; o >= 0; o--) 118 (i = s[o]) && (t = (r ? i(e, n, t) : i(t)) || t); 119 return r && t && B(e, n, t), t; 120}; 121let y = class extends f { 122 constructor() { 123 super(...arguments), this.icon = j; 124 } 125 render() { 126 return l`${v(this.setIconAttributes())}`; 127 } 128}; 129C([ 130 d() 131], y.prototype, "icon", 2); 132y = C([ 133 u("pds-icon-mail") 134], y); 135var z = Object.defineProperty, F = Object.getOwnPropertyDescriptor, $ = (s, e, n, r) => { 136 for (var t = r > 1 ? void 0 : r ? F(e, n) : e, o = s.length - 1, i; o >= 0; o--) 137 (i = s[o]) && (t = (r ? i(e, n, t) : i(t)) || t); 138 return r && t && z(e, n, t), t; 139}; 140let w = class extends f { 141 constructor() { 142 super(...arguments), this.icon = I; 143 } 144 render() { 145 return l`${v(this.setIconAttributes())}`; 146 } 147}; 148$([ 149 d() 150], w.prototype, "icon", 2); 151w = $([ 152 u("pds-icon-printer") 153], w); 154var q = Object.defineProperty, N = Object.getOwnPropertyDescriptor, p = (s, e, n, r) => { 155 for (var t = r > 1 ? void 0 : r ? N(e, n) : e, o = s.length - 1, i; o >= 0; o--) 156 (i = s[o]) && (t = (r ? i(e, n, t) : i(t)) || t); 157 return r && t && q(e, n, t), t; 158}; 159let a = class extends O { 160 attachIcon() { 161 return this.linkCategory === "phone" ? l`<pds-icon-phone slot="icon-left"></pds-icon-phone>` : this.linkCategory === "fax" ? l`<pds-icon-printer slot="icon-left"></pds-icon-printer>` : this.linkCategory === "email" ? l`<pds-icon-mail slot="icon-left"></pds-icon-mail>` : this.linkCategory === "help" ? l`<pds-icon-help-circle 162 slot="icon-left" 163 ></pds-icon-help-circle>` : h; 164 } 165 setPhoneLabel() { 166 return this.defaultSlotElement.length >= 1 ? String(this.defaultSlotElement[0].textContent) : String(this.getDefaultLabelText()); 167 } 168 getDefaultHref() { 169 return this.linkCategory === "phone" ? "tel:800-986-3343" : (this.linkCategory === "fax" && console.error( 170 "For fax variants, please add the `href` and `ariaLabel` attributes, as well as label text." 171 ), this.linkCategory === "email" ? "https://www.principal.com/contact-us" : this.linkCategory === "help" ? "https://www.principal.com/help" : ""); 172 }
173 getDefaultAriaLabel() { 174 return this.linkCategory === "phone" ? `${this.translateText("call-us-at")} ${this.setPhoneLabel()}` : (this.linkCategory === "fax" && console.error( 175 "For fax variants, please add the `href` and `ariaLabel` attributes, as well as label text." 176 ), this.linkCategory === "email" ? `${this.translateText("contact-us")}` : this.linkCategory === "help" ? `${this.translateText("help-topics")}` : ""); 177 } 178 getDefaultLabelText() { 179 return this.linkCategory === "phone" ? "800-986-3343" : this.linkCategory === "email" ? `${this.translateText("contact-us")}` : this.linkCategory === "help" ? `${this.translateText("help-topics")}` : h; 180 } 181 updated(s) { 182 s.has("variant") && s.get("variant") !== void 0 && (this.variant === "subtle-inverted" ? console.warn( 183 `The 'subtle-inverted' variant on 'pds-footer-contact-link' is deprecated and will be removed in v6. Use the 'inverted' boolean property instead (e.g., <pds-footer-contact-link variant="subtle" inverted />).` 184 ) : console.warn( 185 "The 'subtle' variant on 'pds-footer-contact-link' is deprecated and will be removed in v6. The 'subtle' style will become the default, so you can remove the 'variant' property entirely and use only the 'inverted' property when needed (e.g., <pds-footer-contact-link /> or <pds-footer-contact-link inverted />)." 186 )); 187 } 188 /** 189 * @internal 190 */ 191 get classNames() { 192 return { 193 [this.variant]: !!this.variant, 194 inverted: this.inverted 195 }; 196 } 197 render() { 198 return l`<pds-link 199 class=${this.getClass()} 200 variant=${this.variant} 201 inverted=${this.inverted ? "true" : h} 202 href=${this.href || this.getDefaultHref()} 203 target=${this.target || h} 204 rel=${this.rel || h} 205 ariaLabel="${this.ariaLabel || this.getDefaultAriaLabel()}" 206 >${this.attachIcon()}<slot>${this.getDefaultLabelText()}</slot></pds-link 207 >`; 208 } 209}; 210p([ 211 b, 212 c() 213], a.prototype, "variant", 2); 214p([ 215 c() 216], a.prototype, "inverted", 2); 217p([ 218 b, 219 c() 220], a.prototype, "linkCategory", 2); 221p([ 222 c({ type: String }) 223], a.prototype, "href", 2); 224p([ 225 c({ type: String }) 226], a.prototype, "ariaLabel", 2); 227p([ 228 c() 229], a.prototype, "target", 2); 230p([ 231 c() 232], a.prototype, "rel", 2); 233p([ 234 _({ slot: void 0 }) 235], a.prototype, "defaultSlotElement", 2); 236a = p([ 237 k("pds-footer-contact-link", { 238 category: "component", 239 type: "component", 240 state: "stable", 241 styles: T 242 }) 243], a); 244export { 245 a as PdsFooterContactLink 246}; 247//# sourceMappingURL=footer-contact-link.Dt7mZExL.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.