https://myaccount.socalgas.com/ui/_next/static/chunks/6358.1a6017b25341dc43.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6358],{26358:(t,o,i)=>{i.r(o),i.d(o,{scg_notification:()=>a});var e=i(14275);let a=class{constructor(t){(0,e.r)(this,t),this.priority="low",this.isAlert=!1,this.iconColorPriorityMap={low:"neutral-100",medium:"semantic-warning-03",high:"semantic-negative-03",success:"semantic-positive-03",alert:"neutral-00-white"}}validateHeadingLevel(t){let o=`${this.hostElement.tagName}: headingLevel must be a number between 1 and 6.`;if(!("number"==typeof t&&t>=1&&t<=6))throw Error(o)}isLowerSnakeCaseString(t){return"string"==typeof t&&!!t.match(/^[a-z0-9]+(?:_[a-z0-9]+)*$/)}validatePriorityLevel(t){let o=`${this.hostElement.tagName}: priority must be either low, medium, high, or success.`;if(!["low","medium","high","success"].includes(t))throw Error(o)}componentWillLoad(){this.validateHeadingLevel(this.headingLevel),this.isLowerSnakeCaseString(this.iconName),this.validatePriorityLevel(this.priority)}setNotificationClasses(){return`notification ${this.setPriorityClass()} ${this.setAlignmentClass()} ${this.setAlertClasses()}`}setNotificationIconClasses(){return`notification-icon ${this.setAlertClasses()}`}setPriorityClass(){return`${this.priority}`}setAlignmentClass(){return`${this.headingText?"":"align-without-heading"}`}setHeaderClass(){return`notification-header ${this.setAlertClasses()}`}setAlertClasses(){let t="low"===this.priority&&this.isAlert,o="high"===this.priority&&this.isAlert;return t?"low-alert":o?"high-alert":""}setIconColor(){return this.isAlert?this.iconColorPriorityMap.alert:this.iconColorPriorityMap[this.priority]}getHeadingLevel(){return`h${this.headingLevel}`}getNotificationType(){let t="Information";return"high"===this.priority?t="High Priority":"medium"===this.priority&&(t="Priority"),`${t} Notification`}renderNotificationContent(){let t=this.getHeadingLevel();return[(0,e.h)("div",{class:this.setNotificationIconClasses(),key:"notification-icon"},(0,e.h)("scg-icon",{color:this.setIconColor(),fill:1,iconName:this.iconName})),(0,e.h)("div",{class:"notification-content",key:"notification-content"},(0,e.h)("span",{class:"visuallyhidden"},this.getNotificationType()),this.headingText&&(0,e.h)(t,{class:this.setHeaderClass()},this.headingText),(0,e.h)("div",{class:"notification-body"},this.bodyText&&(0,e.h)("p",null,this.bodyText),!this.bodyText&&(0,e.h)("slot",null)))]}render(){return(0,e.h)(e.H,{key:"20a6ff16b9f40da6ec856f09cff5d862c05a1722"},(0,e.h)("div",{key:"e0f2137cba85390c98c8fd9d1847995880f4ce06",class:this.setNotificationClasses()},this.renderNotificationContent()))}get hostElement(){return(0,e.g)(this)}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}],iconName:[{isLowerSnakeCaseString:0}],priority:[{validatePriorityLevel:0}],isAlert:[{componentWillLoad:0}]}}};a.style='@media screen and (max-width: 600px){.hide-mobile{display:none}}@media screen and (min-width: 601px) and (max-width: 1023px){.hide-tablet{display:none}}@media screen and (min-width: 1024px){.hide-desktop{display:none}}*,*:after,*:before{box-sizing:border-box}body{font-family:avenir-next-world, Arial, sans-serif;font-size:1rem;line-height:1.5}h1{font-family:avenir-next-world, Arial, sans-serif;font-size:3rem;font-style:normal;font-weight:500;line-height:1.1666666667;letter-spacing:-0.96;text-decoration:none}.socialsHeaderContainer{display:flex;justify-content:right}.footerNavigation a,.utilityNav a{color:#ffffff;text-decoration:none;font-family:avenir-next-world, Arial, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.25rem;display:block}@media (max-width: 767px){.footerNavigation,.utilityNav{font-size:0.75rem}}.footerNavigation .negativeLink,.utilityNav .negativeLink{display:flex;align-items:center;color:#ec6351;text-decoration:none;gap:0.3125rem}@media (max-width: 1080px){.utilityNav a{padding-bottom:0.5rem}}.myAccountFooterLinks{display:flex;gap:1rem;padding-top:1rem}@media (max-width: 1079px){.myAccountFooterLinks{padding-top:0.75rem}}.myAccountFooterLinks a{font-family:avenir-next-world, Arial, sans-serif;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1.125rem;color:#343e61;text-decoration:none}.visually-hide-element{border:0;clip:rect(1px 1px 1px 1px);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}a{border-radius:0.25rem;color:#11329e;display:inline;text-decoration:underline;text-underline-offset:0.25rem;outline-color:transparent;outline-offset:0.5rem;outline-style:dashed;outline-width:2px;}a[href^=http]:after{content:none;display:none}a.disabled,a:not([href]){color:#4d5675;pointer-events:none;cursor:not-allowed}a:focus-visible,a.light:focus-visible{border-radius:pxtorem(4);color:#3258d2}

1a:hover,a.light:hover{color:#3258d2;outline-color:transparent}a:active,a.light:active{color:#1a264e;outline-color:transparent}a.light{color:#93adff}a.light:focus-visible{color:#3258d2;outline-color:#3258d2}a.light:hover{color:#3258d2;outline-color:transparent}a.light:active{color:#e7f1ff;outline-color:transparent}a.light.disabled,a.light:not([href]){color:#4d5675}a.transparent:focus-visible{color:#e7f1ff;outline-color:#e7f1ff}a.transparent:hover{color:#e7f1ff;outline-color:transparent}a.link__primary-navigation{display:inline-block;font-family:avenir-next-world, Arial, sans-serif;font-weight:600;font-size:1rem;line-height:1.5rem;padding:0 0.5rem 0.125rem 0.5rem;text-decoration:none;}a.link__primary-navigation.light,.light a.link__primary-navigation,a.link__primary-navigation :host-context(.light){color:#010e3a}a.link__primary-navigation.light:focus-visible,a.link__primary-navigation.light:hover,.light a.link__primary-navigation:focus-visible,.light a.link__primary-navigation:hover,a.link__primary-navigation :host-context(.light):focus-visible,a.link__primary-navigation :host-context(.light):hover{color:#3258d2}a.link__primary-navigation.light:focus-visible,.light a.link__primary-navigation:focus-visible,a.link__primary-navigation :host-context(.light):focus-visible{outline-color:#3258d2}a.link__primary-navigation.dark,.dark a.link__primary-navigation,a.link__primary-navigation :host-context(.dark){color:#ffffff}a.link__primary-navigation.dark:focus-visible,a.link__primary-navigation.dark:hover,.dark a.link__primary-navigation:focus-visible,.dark a.link__primary-navigation:hover,a.link__primary-navigation :host-context(.dark):focus-visible,a.link__primary-navigation :host-context(.dark):hover{color:#e7f1ff}a.link__primary-navigation.dark:focus-visible,.dark a.link__primary-navigation:focus-visible,a.link__primary-navigation :host-context(.dark):focus-visible{outline-color:#ffffff}a.link__primary-navigation.transparent,.transparent a.link__primary-navigation,a.link__primary-navigation :host-context(.transparent){color:#ffffff}a.link__primary-navigation.transparent:focus-visible,a.link__primary-navigation.transparent:hover,.transparent a.link__primary-navigation:focus-visible,.transparent a.link__primary-navigation:hover,a.link__primary-navigation :host-context(.transparent):focus-visible,a.link__primary-navigation :host-context(.transparent):hover{color:#e7f1ff}a.link__primary-navigation.transparent:focus-visible,.transparent a.link__primary-navigation:focus-visible,a.link__primary-navigation :host-context(.transparent):focus-visible{outline-color:#ffffff}a.link__primary-navigation.chevron:after{color:inherit;content:"arrow_drop_down";display:inline-block;font-family:"Material Symbols Sharp";font-size:1rem;font-weight:normal;font-style:normal;letter-spacing:inherit;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:bottom}a.component__tab{background:none;border-radius:0;color:#001a70;display:inline-block;margin:0;padding:0.5rem;font-family:avenir-next-world, Arial, sans-serif;font-size:0.875rem;font-style:normal;font-weight:600;line-height:1.25rem;text-decoration:none}a.component__tab:hover,a.component__tab:focus-visible{background:none}a.component__tab.light:focus-visible,a.component__tab.light:hover,.light a.component__tab:focus-visible,.light a.component__tab:hover,a.component__tab :host-context(.light):focus-visible,a.component__tab :host-context(.light):hover{color:#3258d2}@media only screen and (min-width: 1024px){a.component__tab.light:focus-visible,a.component__tab.light:hover,.light a.component__tab:focus-visible,.light a.component__tab:hover,a.component__tab :host-context(.light):focus-visible,a.component__tab :host-context(.light):hover{color:#e7f1ff}}a.component__tab.light:focus-visible,.light a.component__tab:focus-visible,a.component__tab :host-context(.light):focus-visible{outline-color:#3258d2}a.component__tab.dark:focus-visible,a.component__tab.dark:hover,.dark a.component__tab:focus-visible,.dark a.component__tab:hover,a.component__tab :host-context(.dark):focus-visible,a.component__tab :host-context(.dark):hover{color:#e7f1ff}a.component__tab.dark:focus-visible,.dark a.component__tab:focus-visible,a.component__tab :host-context(.dark):focus-visible{outline-color:#ffffff}a.component__tab.transparent:focus-visible,.transparent a.component__tab:focus-visible,a.component__tab :host-context(.transparent):focus-visible{outline-color:#e7f1ff}@media only screen and (min-width: 601px){a.component__tab{font-size:1rem;line-height:1.5}}@media only screen and (min-width: 1024px){a.component__tab{font-size:1.25rem;line-height:1.4}}a.component__tab.small{font-size:0.875rem;

1line-height:1.4285714286}a.component__tab.medium{font-size:1rem;line-height:1.5}a.component__tab.large{font-size:1.25rem;line-height:1.4}a.component__tab.light,.light a.component__tab{color:var(--Neutral-70, #4d5675)}a.component__tab.light.active,a.component__tab.light.is-active,.light a.component__tab.active,.light a.component__tab.is-active{color:var(--Primary-60, #001a70);background-color:#ffffff;border-bottom:0.125rem solid #001a70}@media only screen and (min-width: 1024px){a.component__tab.light,.light a.component__tab{color:var(--Neutral-10, #e0e6e9)}a.component__tab.light.active,a.component__tab.light.is-active,.light a.component__tab.active,.light a.component__tab.is-active{border-color:rgba(0, 0, 0, 0.1019607843)}}a.component__tab.dark,.dark a.component__tab{color:var(--Neutral-10, #e0e6e9)}a.component__tab.dark.active,a.component__tab.dark.is-active,.dark a.component__tab.active,.dark a.component__tab.is-active{border-color:var(--Neutral-00-White, #fff);color:var(--Neutral-00-White, #fff)}a.component__tab.transparent,.transparent a.component__tab{color:var(--Neutral-10, #e0e6e9)}a.component__tab.transparent.active,a.component__tab.transparent.is-active,.transparent a.component__tab.active,.transparent a.component__tab.is-active{border-color:var(--Neutral-00-White, #fff);color:var(--Neutral-00-White, #fff)}.mobile-menu a.component__tab.transparent,.transparent .mobile-menu a.component__tab{color:var(--Neutral-70, #4d5675)}.mobile-menu a.component__tab.transparent.active,.mobile-menu a.component__tab.transparent.is-active,.transparent .mobile-menu a.component__tab.active,.transparent .mobile-menu a.component__tab.is-active{border-color:var(--Primary-60, #001a70);color:var(--Primary-60, #001a70)}.neutral-10{color:#e0e6e9}.neutral-20{color:#ced3d4}.neutral-70{color:#4d5675}.neutral-80{color:#343e61}.neutral-90{color:#1a264e}.neutral-00-white{color:#ffffff}.neutral-05{color:#f1f3f5}.neutral-100{color:#010e3a}.primary-20{color:#e7f1ff}.primary-30{color:#93adff}.primary-40{color:#3258d2}.primary-50{color:#11329e}.primary-60{color:#001a70}.semantic-warning-01{color:#ffecab}.semantic-warning-02{color:#f6c955}.semantic-warning-03{color:#eea311}.semantic-negative-01{color:#ffdfd1}.semantic-negative-02{color:#ec6351}.semantic-negative-03{color:#d13823}.semantic-positive-01{color:#d2f4e8}.semantic-positive-02{color:#80d6ad}.semantic-positive-03{color:#17a874}.neutral-transparent-black-10{color:rgba(0, 0, 0, 0.1)}.neutral-transparent-black-20{color:rgba(0, 0, 0, 0.2)}.neutral-transparent-white-10{color:rgba(255, 255, 255, 0.1)}.neutral-transparent-white-20{color:rgba(255, 255, 255, 0.2)}.secondary-eco-green{color:#006354}.bg-neutral-10{background-color:#e0e6e9}.bg-neutral-20{background-color:#ced3d4}.bg-neutral-70{background-color:#4d5675}.bg-neutral-80{background-color:#343e61}.bg-neutral-90{background-color:#1a264e}.bg-neutral-00-white{background-color:#ffffff}.bg-neutral-05{background-color:#f1f3f5}.bg-neutral-100{background-color:#010e3a}.bg-primary-20{background-color:#e7f1ff}.bg-primary-30{background-color:#93adff}.bg-primary-40{background-color:#3258d2}.bg-primary-50{background-color:#11329e}.bg-primary-60{background-color:#001a70}.bg-semantic-warning-01{background-color:#ffecab}.bg-semantic-warning-02{background-color:#f6c955}.bg-semantic-warning-03{background-color:#eea311}.bg-semantic-negative-01{background-color:#ffdfd1}.bg-semantic-negative-02{background-color:#ec6351}.bg-semantic-negative-03{background-color:#d13823}.bg-semantic-positive-01{background-color:#d2f4e8}.bg-semantic-positive-02{background-color:#80d6ad}.bg-semantic-positive-03{background-color:#17a874}.bg-neutral-transparent-black-10{background-color:rgba(0, 0, 0, 0.1)}.bg-neutral-transparent-black-20{background-color:rgba(0, 0, 0, 0.2)}.bg-neutral-transparent-white-10{background-color:rgba(255, 255, 255, 0.1)}.bg-neutral-transparent-white-20{background-color:rgba(255, 255, 255, 0.2)}:host{display:block}:host .notification{background-color:#ffdfd1;border:1px solid #eea311;border-radius:0.5rem;display:flex;gap:1rem;padding:0.75rem 1rem}:host .notification .notification-icon{height:1.5rem}:host .notification .notification-icon.low-alert{height:3rem;width:3rem;color:#ffffff;display:flex;padding:0.75rem;justify-content:center;align-items:center;border-radius:3.125rem;background-color:#001a70}:host .notification .notification-icon.high-alert{height:3rem;width:3rem;color:#ffffff;display:flex;padding:0.75rem;justify-content:center;align-items:center;border-radius:3.125rem;background-color:#d13823}:host .notification .notification-content h1,:host .notification .notification-content h2,:host .notification .notification-content h3,:host .notification .notification-content h4,:host .notification .notification-content h5,:host .notification .notification-content h6{margin:0}:host .notification .notification-content .notification-header{color:#1

1a264e;font-family:avenir-next-world, Arial, sans-serif;font-size:1rem;font-style:normal;font-weight:600;letter-spacing:0.015625rem;line-height:1.5}:host .notification .notification-content .notification-header.low-alert{color:#001a70;font-family:avenir-next-world, Arial, sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}:host .notification .notification-content .notification-header.high-alert{color:#a11003;font-family:avenir-next-world, Arial, sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}:host .notification.low{background-color:#e0e6e9;border-color:rgba(0, 0, 0, 0.2)}:host .notification.medium{background-color:#ffecab;border-color:#eea311}:host .notification.high{background-color:#ffdfd1;border-color:#d13823}:host .notification.success{background-color:#d2f4e8;border-color:#17a874}:host .notification.low-alert{font-family:avenir-next-world, Arial, sans-serif;border-radius:2rem;background-color:#ffffff;border:0.125rem solid #001a70;box-shadow:0rem 0rem 0rem 0.3125rem rgba(0, 26, 112, 0.24);padding:1.5rem}@media screen and (min-width: 1024px){:host .notification.low-alert{border-radius:4rem}}:host .notification.low-alert ::slotted(p){color:#1a264e;font-family:avenir-next-world, Arial, sans-serif;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.4285714286}:host .notification.high-alert{font-family:avenir-next-world, Arial, sans-serif;border-radius:2rem;background-color:#ffffff;border:0.125rem solid #d13823;box-shadow:0rem 0rem 0rem 0.3125rem rgba(210, 69, 9, 0.24);padding:1.5rem}@media screen and (min-width: 1024px){:host .notification.high-alert{border-radius:4rem}}:host .notification.high-alert ::slotted(p){color:#a11003;font-family:avenir-next-world, Arial, sans-serif;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5}:host ::slotted(p){color:#1a264e;font-family:avenir-next-world, Arial, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.4285714286;margin:0}:host .align-without-heading ::slotted(p){padding-top:0.125rem}:host .visuallyhidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}'}}]);