Obsidian/Edge Wallet/128.18367.18366.1/Mini-Wallet/miniwallet.bundle.js

/*! For license information please see miniwallet.bundle.js.LICENSE.txt */
(()=>{"use strict";var e,t,i={236:(e,t)=>{if("function"==typeof Symbol&&Symbol.for){var i=Symbol.for;i("react.element"),i("react.portal"),i("react.fragment"),i("react.strict_mode"),i("react.profiler"),i("react.provider"),i("react.context"),i("react.forward_ref"),i("react.suspense"),i("react.suspense_list"),i("react.memo"),i("react.lazy"),i("react.block"),i("react.server.block"),i("react.fundamental"),i("react.debug_trace_mode"),i("react.legacy_hidden")}},732:(e,t,i)=>{i(236)},533:e=>{var t=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function r(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},i=0;i<10;i++)t["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var a,s,l=r(e),c=1;c<arguments.length;c++){for(var d in a=Object(arguments[c]))i.call(a,d)&&(l[d]=a[d]);if(t){s=t(a);for(var u=0;u<s.length;u++)o.call(a,s[u])&&(l[s[u]]=a[s[u]])}}return l}},873:(e,t,i)=>{var o=i(265),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var n=Symbol.for;r=n("react.element"),t.Fragment=n("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,i){var o,n={},c=null,d=null;for(o in void 0!==i&&(c=""+i),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)s.call(t,o)&&!l.hasOwnProperty(o)&&(n[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===n[o]&&(n[o]=t[o]);return{$$typeof:r,type:e,key:c,ref:d,props:n,_owner:a.current}}t.jsx=c,t.jsxs=c},493:(e,t,i)=>{var o=i(533),r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,c=r?Symbol.for("react.profiler"):60114,d=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,p=r?Symbol.for("react.forward_ref"):60112,h=r?Symbol.for("react.suspense"):60113,f=r?Symbol.for("react.memo"):60115,g=r?Symbol.for("react.lazy"):60116,E="function"==typeof Symbol&&Symbol.iterator;function T(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,i=1;i<arguments.length;i++)t+="&args[]="+encodeURIComponent(arguments[i]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},N={};function _(e,t,i){this.props=e,this.context=t,this.refs=N,this.updater=i||m}function O(){}function b(e,t,i){this.props=e,this.context=t,this.refs=N,this.updater=i||m}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(T(85));this.updater.enqueueSetState(this,e,t,"setState")},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},O.prototype=_.prototype;var I=b.prototype=new O;I.constructor=b,o(I,_.prototype),I.isPureReactComponent=!0;var A={current:null},C=Object.prototype.hasOwnProperty,v={key:!0,ref:!0,__self:!0,__source:!0};function R(e,t,i){var o,r={},a=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(a=""+t.key),t)C.call(t,o)&&!v.hasOwnProperty(o)&&(r[o]=t[o]);var l=arguments.length-2;if(1===l)r.children=i;else if(1<l){for(var c=Array(l),d=0;d<l;d++)c[d]=arguments[d+2];r.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===r[o]&&(r[o]=l[o]);return{$$typeof:n,type:e,key:a,ref:s,props:r,_
  .walletHeaderRow {
    width: 100%;
    height: 42px;
    padding-inline: 14px;
    box-sizing: border-box;
    display: grid;
    column-gap: 2px;
    grid-template-columns: 1fr auto auto auto;
    grid-template-areas: 'label payments-icon passwords-icon personal-info-icon';
  }

  .walletHeaderRow:hover,
  :focus {
    background-color: ${An.buttonBackgroundHover};
    outline: 0px none transparent !important;
  }

  .walletEntryIcon {
    padding: 4px;
    justify-self: center;
    align-self: center;
    border: none;
    background-color: transparent;
    color: inherit;
  }

  .walletEntryIcon:focus {
    outline: 2px solid #80868B !important;
    border-radius: 4px;
  }

  .walletEntryIcon:hover {
    background-color: ${An.buttonBackgroundDoubleHover};
    outline: 0 !important;
    border-radius: 4px;
  }

  @media (prefers-color-scheme: dark) {
    .walletHeaderRow:hover,
    :focus {
      background-color: ${An.darkModeButtonBackgroundHover};
      outline: 0px none transparent !important;
    }
    .walletEntryIcon:focus {
      outline: 2px solid background-color: ${An.darkButtonBackgroundDoubleHover} !important;
    }
    .walletEntryIcon:hover {
      background-color: ${An.darkButtonBackgroundDoubleHover};
    }
  }

  @media screen and (-ms-high-contrast: active) {
    .walletHeaderRow:hover,
    :focus {
      background-color: highlight;
      outline: 0;
    }
    .walletEntryIcon:hover,
    :focus {
      outline: 0;
      border: 2px solid buttonHighlight;
    }
  }

  .walletHeaderLabel {
    font-weight: 600;
    font-size: 14px;
    grid-area: label;
    justify-self: start;
    align-self: center;
  }

  .walletHeaderPaymentsIcon {
    grid-area: payments-icon;
  }

  .walletHeaderPasswordsIcon {
    grid-area: passwords-icon;
  }

  .walletHeaderPersonalInfoIcon {
    grid-area: personal-info-icon;
  }
`,Us=re`
  <div
    class="walletHeaderRow"
    tabindex="0"
    title="${_s.getString("miniWalletOpenWalletTooltip","Open Wallet")}"
    aria-label="${_s.getString("miniWalletOpenWalletTooltip","Open Wallet")}"
    role="button"
    @click=${e=>e.onHeaderClicked()}
    @keydown=${(e,t)=>e.onHeaderKeyDown(t.event)}
  >
    <label class="walletHeaderLabel">${_s.getString("miniWalletHeaderLabel","Wallet")}</label>
    ${le((e=>e.isPaymentMethodsIconVisbile),re`
        <button
          class="walletHeaderPaymentsIcon walletEntryIcon"
          title="${bs.miniWalletHeaderPaymentMethodIconTooltip()}"
          aria-label="${bs.miniWalletHeaderPaymentMethodIconTooltip()}"
          @click=${(e,t)=>e.onEntryIconClicked(Gs.paymentMethods,t.event)}
        >
          <svg width="20" height="20" viewBox="0 0 20 20">
            <path fillRule="nonzero" fill="currentColor" d="M13.5 13a.5.5 0 000 1h2a.5.5 0 000-1h-2z"></path>
            <path
              fillRule="nonzero"
              fill="currentColor"
              d="M2 6.5A2.5 2.5 0 014.5 4h11A2.5 2.5 0 0118 6.5v7a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 012 13.5v-7zm1 7c0 .83.67 1.5 1.5 1.5h11c.83 0 1.5-.67 1.5-1.5V9H3v4.5zm14-7c0-.83-.67-1.5-1.5-1.5h-11C3.67 5 3 5.67 3 6.5V8h14V6.5z"
            ></path>
          </svg>
        </button>
      `)}
    ${le((e=>e.isPasswardIconVisbile),re`
        <button
          class="walletHeaderPasswordsIcon walletEntryIcon"
          title="${bs.miniWalletHeaderPasswordsIconTooltip()}"
          aria-label="${bs.miniWalletHeaderPasswordsIconTooltip()}"
          @click=${(e,t)=>e.onEntryIconClicked(Gs.passwords,t.event)}
        >
          <svg width="20" height="20" viewBox="0 0 20 20">
            <path fillRule="nonzero" fill="currentColor" d="M15 6a1 1 0 11-2 0 1 1 0 012 0z"></path>
            <path
              fillRule="nonzero"
              fill="currentColor"
              d="M12.5 2a5.45 5.45 0 00-5.38 6.67c.06.27 0 .5-.14.64l-4.54 4.54A1.5 1.5 0 002 14.91v1.59c0 .83.67 1.5 1.5 1.5h2c.83 0 1.5-.67 1.5-1.5V16h1a1 1 0 001-1v-1h1a1 1 0 001-1v-.18c.5.13 1 .18 1.5.18 3.08 0 5.5-2.42 5.5-5.5S15.58 2 12.5 2zM8 7.5C8 4.98 9.98 3 12.5 3S17 4.98 17 7.5 15.02 12 12.5 12c-.66 0-1.27-.1-1.78-.35a.5.5 0 00-.72.45v.9H9a1 1 0 00-1 1v1H7a1 1 0 00-1 1v.5a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5v-1.59a.5.5 0 01.15-.35l4.54-4.54c.43-.43.52-1.04.4-1.56-.06-.3-.09-.63-.09-.96z"
            ></path>
          </svg>
        </button>
      `)}
    ${le((e=>e.isPersonalInfoVisbile),re`
        <button
          class="walletHeaderPersonalInfoIcon walletEntryIcon"
          title="${bs.miniWalletHeaderPersonalInfoIconTooltip()}"
          aria-label="${bs.miniWalletHeaderPersonalInfoIconTooltip()}"
          @click=${(e,t)=>e.onEntryIconClicked(Gs.personalInfo,t.event)}
        >
          <svg width="20" height="20" viewBox="0 0 24 24">
            <path
              fillRule="nonzero"
              fill="currentColor"
              d="M11 15c0-.35.06-.687.17-1H4.253a2.249 2.249 0 00-2.249 2.249v.578c0 .892.319 1.756.899 2.435 1.566 1.834 3.952 2.74 7.098 2.74.397 0 .783-.015 1.156-.044A2.998 2.998 0 0111 21v-.535c-.321.024-.655.036-1 .036-2.738 0-4.704-.746-5.958-2.213a2.25 2.25 0 01-.539-1.462v-.577c0-.414.336-.75.75-.75H11V15zM10 2.005a5 5 0 110 10 5 5 0 010-10zm0 1.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM12 15a2 2 0 012-2h7a2 2 0 012 2v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-6zm2.5 1a.5.5 0 000 1h6a.5.5 0 000-1h-6zm0 3a.5.5 0 000 1h6a.5.5 0 000-1h-6z"
            ></path>
          </svg>
        </button>
      `)}
  </div>
`;let $s=class extends Ie{constructor(){super(),Bs()&&(this.content_flags=ws()?.content_flags),As(Is.kWalletCardHeaderImpression)}connectedCallback(){super.connectedCallback(),this.isPaymentMethodsIconVisbile&&As(Is.kWalletCardPaymentMethodsIconImpression),this.isPasswardIconVisbile&&As(Is.kWalletCardPasswordsIconImpression),this.isPersonalInfoVisbile&&As(Is.kWalletCardPersonalInfoIconImpression)}set content_flags(e){this.isPasswardIconVisbile=(e&Cs.Passwords)>0,this.isPaymentMethodsIconVisbile=(e&Cs.PaymentMethods)>0,this.isPersonalInfoVisbile=(e&Cs.PersonalInfo)>0}get isPasswardIconVisbile(){return R.track(this,"isPasswardIconVisbile"),this._isPasswardIconVisbile}set isPasswardIconVisbile(e){this._isPasswardIconVisbile=e,R.notify(this,"isPasswardIconVisbile")}get isPaymentMethodsIconVisbile(){return R.track(this,"isPaymentMethodsIconVisbile"),this._isPaymentMethodsIconVisbile}set isPaymentMethodsIconVisbile(e){this._isPaymentMethodsIconVisbile=e,R.notify(this,"isPaymentMethodsIconVisbile")}get isPersonalInfoVisbile(){return R.track(this,"isPersonalInfoVisbile"),this._isPersonalInfoVisbile}set isPersonalInfoVisbile(e){this._isPersonalInfoVisbile=e,R.notify(this,"isPersonalInfoVisbile")}onHeaderClicked(){As(Is.kWalletCardHeaderClicked),Dt.navigateToUrl(Ct(At(Re.WalletHub,"profileflyout"),"MiniWalletHeader"))}onHeaderKeyDown(e){return e.key!==Ce&&e.key!==ve||this.onHeaderClicked(),!0}onEntryIconClicked(e,t){switch(e){case Gs.paymentMethods:As(Is.kWalletCardPaymentMethodsIconClicked),Dt.navigateToUrl(Ct(At(Re.walletPaymentMethodsURL,"profileflyout"),"MiniWalletPaymentIcon"));break;case Gs.passwords:As(Is.kWalletCardPasswordsIconClicked),Dt.navigateToUrl(Ct(At(Re.walletPasswordsURL,"profileflyout"),"MiniWalletPasswordIcon"));break;case Gs.personalInfo:As(Is.kWalletCardPersonalInfoIconClicked),Dt.navigateToUrl(Ct(At(Re.walletPersonalInfoURL,"profileflyout"),"MiniWalletPersonalInfoIcon"))}As(Is.kWalletCardHeaderClicked),t.stopPropagation()}};$s=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([Ae({name:"wallet-header",template:Us,styles:Vs})],$s);const Hs=function(){};var zs=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};const js=I`
  .dismissNotificationStyle {
    padding: 10px 14px;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-areas:
      'icon'
      'content';
  }

  .dismissText {
    font-size: 12px;
    line-height: 16px;
  }

  .actionLink {
    font-weight: 400;
    color: #115ea3;
    text-decoration: none;
  }

  @media (prefers-color-scheme: dark) {
    .actionLink {
      color: #479ef5;
    }
  }

  .actionLink:hover,
  :focus {
    text-decoration: underline;
  }

  .dismiss {
    color: inherit;
    background-color: transparent;
    border: none;
    justify-self: center;
    align-self: center;
    padding: 4px;
  }

  .dismiss:hover,
  :focus {
    background-color: ${An.buttonBackgroundDoubleHover};
    border-radius: 4px;
  }

  @media (prefers-color-scheme: dark) {
    .dismiss:hover,
    :focus {
      background-color: ${An.darkButtonBackgroundDoubleHover};
    }
  }
`,Zs=re`
  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
    <path
      fill="currentColor"
      d="M5 11.5V8.05a5 5 0 016.36-4.87.5.5 0 10.27-.96A6 6 0 004 8v3.4l-.92 2.22A1 1 0 004 15h3.5a2.5 2.5 0 005 0H16a1 1 0 00.92-1.38L16 11.4V10a.5.5 0 00-1 0v1.5c0 .07.01.13.04.2L16 14H4l.96-2.3a.5.5 0 00.04-.2zM8.5 15h3a1.5 1.5 0 01-3 0zM14 2h3.5c.38 0 .6.4.45.71l-.04.08L14.96 7h2.54a.5.5 0 01.09 1H14a.5.5 0 01-.45-.71l.04-.08L16.54 3H14a.5.5 0 01-.09-1H14zM9.5 6H12c.4 0 .62.43.43.75l-.04.07L10.57 9H12a.5.5 0 01.1 1H9.5a.5.5 0 01-.43-.75l.05-.07L10.93 7H9.5a.5.5 0 01-.09-1h.1z"
    />
  </svg>
`,Ys=re`
  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
    <path
      fill="currentColor"
      d="M4 7.57c.04-.82.24-1.59.58-2.28L2.15 2.85a.5.5 0 11.7-.7l15 15a.5.5 0 01-.7.7L14.3 15h-1.8v.17a2.5 2.5 0 01-5 0V15H4a1 1 0 01-.26-.03l-.13-.04a1 1 0 01-.6-1.05l.02-.13.05-.13L4 11.4V7.57zM13.3 14L5.34 6.05a4.6 4.6 0 00-.32 1.33L5 7.6V11.5l-.04.2L4 14h9.3zm-1.8 1h-3v.14a1.5 1.5 0 001.36 1.34l.14.01c.78 0 1.42-.6 1.5-1.36V15zm3.54-3.32l.87 2.1.86.85c.15-.17.23-.4.23-.64v-.13l-.02-.08a1 1 0 00-.06-.17L16 11.4V7.58l-.02-.22A5.92 5.92 0 0010 2a6.1 6.1 0 00-4.21 1.66l.7.71A5.1 5.1 0 0110 3a4.9 4.9 0 015 4.6l.01.21v3.69l.04.2z"
    />
  </svg>
`,Ks=re`
  <div class="dismissNotificationStyle" role="group">
    <div style="grid-area:icon; text-align: right;">
      <button class="dismiss" @click=${e=>e.onCloseClick()}>
        <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
          <path
            fill="currentColor"
            d="M2.59 2.72l.06-.07a.5.5 0 01.63-.06l.07.06L8 7.29l4.65-4.64a.5.5 0 01.7.7L8.71 8l4.64 4.65c.18.17.2.44.06.63l-.06.07a.5.5 0 01-.63.06l-.07-.06L8 8.71l-4.65 4.64a.5.5 0 01-.7-.7L7.29 8 2.65 3.35a.5.5 0 01-.06-.63l.06-.07-.06.07z"
          />
        </svg>
      </button>
    </div>
    <div style="grid-area:content; text-align: center; margin-bottom: 20px;">
      <div>
        ${e=>e.dismissedPermanently?Ys:Zs}
        <label style="vertical-align: top; padding-left: 4px;">
          ${e=>e.dismissedPermanently?kt.msWalletNotificationDismissText():kt.msWalletNotificationSnoozeText()}
        </label>
      </div>
      ${le((e=>!e.dismissedPermanently),re`
          <div>
            <a href="#" class="actionLink" @click=${e=>e.onDismissClick()} data-test-id="close-permanently-link">
              ${kt.msWalletNotificationDismissPermanently()}
            </a>
          </div>
        `)}
    </div>
  </div>
`;let qs=class extends Ie{constructor(){super(),this._dismissedPermanently=!1,this.notificationType=this.getAttribute("notificationType"),this.dataKey=this.getAttribute("dataKey"),this.appName=this.getAttribute("appName")}get dismissedPermanently(){return R.track(this,"dismissedPermanently"),this._dismissedPermanently}set dismissedPermanently(e){this._dismissedPermanently=e,R.notify(this,"dismissedPermanently")}onDismissClick(){var e;this.dismissedPermanently=!0,e=this.dataKey,Dt.onDismiss(e),bt(Hn[this.notificationType][Gn.dismiss],this.appName)}onCloseClick(){this.shadowRoot.querySelector(".dismissNotificationStyle").remove()}};zs([he],qs.prototype,"notificationType",void 0),zs([he],qs.prototype,"dataKey",void 0),zs([he],qs.prototype,"appName",void 0),qs=zs([Ae({name:"dismiss-notification",template:Ks,styles:js})],qs);var Xs=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};const Qs=I`
  .notificationRowStyle {
    padding: 10px 14px;
    display: grid;
    grid-template-columns: 36px 198px 16px;
    grid-template-rows: auto auto;
    grid-template-areas:
      'icon title dismiss'
      'icon content dismiss';
    column-gap: 10px;
  }

  .notificationRowStyle:hover,
  .notificationRowStyle:focus {
    background-color: ${An.buttonBackgroundHover};
    outline: 0;
    text-decoration: none !important;
  }

  @media (prefers-color-scheme: dark) {
    .notificationRowStyle:hover,
    :focus {
      background-color: ${An.darkModeButtonBackgroundHover};
      outline: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    .notificationRowStyle:hover,
    :focus {
      background-color: highlight;
    }
  }

  .noitificationIcon {
    grid-area: icon;
    display: inline-grid;
    padding-top: 2px;
    justify-content: center;
  }

  .errorIcon {
    fill: ${An.criticalPrimary};
  }

  @media (prefers-color-scheme: dark) {
    .errorIcon {
      fill: ${An.RedAlertIconDarkMode};
    }
  }

  .warningIcon {
    fill: ${An.YellowAlertPrimary};
  }

  @media (prefers-color-scheme: dark) {
    .warningIcon {
      fill: ${An.YellowAlertIconDarkMode};
    }
  }

  .blueIcon {
    fill: ${An.compoundBrandForegroundLight};
  }

  @media (prefers-color-scheme: dark) {
    .blueIcon {
      fill: ${An.compoundBrandForegroundDark};
    }
  }

  .notificationTitle {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px;
    color: inherit;
  }

  .notificationText {
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .actionLink {
    font-size: 12px;
    font-weight: 400;
    color: #115ea3;
    text-decoration: none;
  }

  @media (prefers-color-scheme: dark) {
    .actionLink {
      color: #479ef5;
    }
  }

  .actionLink:hover,
  .actionLink:focus {
    outline: 0;
    text-decoration: underline !important;
  }

  .dismiss {
    color: inherit;
    background-color: transparent;
    border: none;
    justify-self: center;
    align-self: center;
    padding: 4px;
  }

  .dismiss:focus {
    outline: 2px solid #80868b !important;
    border-radius: 4px;
  }

  .dismiss:hover {
    background-color: ${An.buttonBackgroundDoubleHover};
    border-radius: 4px;
    outline: 0;
  }

  @media (prefers-color-scheme: dark) {
    .dismiss:focus {
      outline: 2px solid background-color: ${An.darkButtonBackgroundDoubleHover} !important;
    }
    .dismiss:hover {
      background-color: ${An.darkButtonBackgroundDoubleHover};
    }
  }
`,Js=re`
  ${le((e=>!e.dismiss),re`
      <div
        class="notificationRowStyle"
        tabindex="0"
        @click=${(e,t)=>e.onActionAreaClick(t.event)}
        @keydown=${(e,t)=>e.onActionAreaKeyDown(t.event)}
      >
        <div class="${e=>(e.iconClassName||" ")+" noitificationIcon"}">
          <slot name="icon"></slot>
        </div>
        <div style="grid-area: title">
          <label class="notificationTitle">${e=>e.headerTitle}</label>
        </div>
        <div style="grid-area: content">
          <slot name="content">
            <div class="notificationText" id="content">${e=>e.content}</div>
          </slot>
          <div>
            <a class="actionLink" @click=${(e,t)=>e.onActionLinkClick(t.event)} href="#">${e=>e.actionText}</a>
          </div>
        </div>
        <div style="grid-area:dismiss; text-align: right;">
          <button
            class="dismiss"
            title="${kt.msWalletNotificationSnoozeLabel()}"
            aria-label="${kt.msWalletNotificationSnoozeLabel()}"
            @click=${(e,t)=>e.onDismissClick(t.event)}
          >
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
              <path
                fill="currentColor"
                d="M2.59 2.72l.06-.07a.5.5 0 01.63-.06l.07.06L8 7.29l4.65-4.64a.5.5 0 01.7.7L8.71 8l4.64 4.65c.18.17.2.44.06.63l-.06.07a.5.5 0 01-.63.06l-.07-.06L8 8.71l-4.65 4.64a.5.5 0 01-.7-.7L7.29 8 2.65 3.35a.5.5 0 01-.06-.63l.06-.07-.06.07z"
              />
            </svg>
          </button>
        </div>
      </div>
    `)}
  ${le((e=>e.dismiss),re`
      <dismiss-notification
        notificationType="${e=>e.notificationType}"
        dataKey="${e=>e.dataKey}"
      ></dismiss-notification>
    `)}
`;let el=class extends Ie{get dismiss(){return R.track(this,"dismiss"),this._dismiss}set dismiss(e){this._dismiss=e,R.notify(this,"dismiss")}constructor(){super(),this.onActionLinkClickExtended=Hs,this.notificationType=this.getAttribute("notificationType"),this.dataKey=this.getAttribute("dataKey"),this.headerTitle=this.getAttribute("headerTitle"),this.content=this.getAttribute("content"),this.actionUrl=this.getAttribute("actionUrl"),this.actionText=this.getAttribute("actionText"),this.appName=this.getAttribute("appName"),function(e,...t){["onActionLinkClickExtended"].forEach((t=>{let i=e[t];delete e[t],Object.defineProperty(e,t,{get:()=>(R.track(e,t),i),set(o){const r=e[t];i=o,R.notify(e,t);const n=e[t+"Changed"];n&&n.call(e,o,r)}})}))}(this)}connectedCallback(){super.connectedCallback(),bt(Hn[this.notificationType][Gn.impression],this.appName)}onActionAreaClick(e){bt(nt.NOTIFICATION_CARD_ENGAGEMENT_FROM_CONTENT,this.appName),this.onActionLinkClick(e)}onActionAreaKeyDown(e){return e.key!==Ce&&e.key!==ve||this.onActionAreaClick(e),!0}onActionLinkClick(e){var t;bt(Hn[this.notificationType][Gn.engagement],this.appName),t=this.dataKey,Dt.onApply(t),this.actionUrl&&Dt.navigateToUrl(this.actionUrl),this.onActionLinkClickExtended(),e.stopPropagation()}onDismissClick(e){var t;bt(Hn[this.notificationType][Gn.snooze],this.appName),t=this.dataKey,Dt.onSnooze(t),this.dismiss=!0,e.stopPropagation()}};Xs([he],el.prototype,"iconClassName",void 0),Xs([he],el.prototype,"notificationType",void 0),Xs([he],el.prototype,"dataKey",void 0),Xs([he],el.prototype,"headerTitle",void 0),Xs([he],el.prototype,"content",void 0),Xs([he],el.prototype,"actionUrl",void 0),Xs([he],el.prototype,"actionText",void 0),Xs([he],el.prototype,"appName",void 0),el=Xs([Ae({name:"base-notification",template:Js,styles:Qs})],el);const tl=re`
  <svg slot="icon" fill="inherit" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M10 2a8 8 0 110 16 8 8 0 010-16zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zM10 6a.5.5 0 00-.5.41v4.68a.5.5 0 001 0V6.41A.5.5 0 0010 6z"
    />
  </svg>
`,il=re`
  <svg slot="icon" fill="inherit" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M2.62235 18.5C2.40213 18.5 2.1932 18.4576 1.99556 18.3729C1.80358 18.2882 1.63135 18.1753 1.47889 18.0341C1.33207 17.8873 1.21349 17.7179 1.12315 17.5259C1.03844 17.3283 0.996094 17.1194 0.996094 16.8992C0.996094 16.6394 1.05256 16.3909 1.1655 16.1538L7.54347 3.39783C7.68464 3.11549 7.8851 2.89527 8.14485 2.73716C8.4046 2.57905 8.68976 2.5 9.00033 2.5C9.3109 2.5 9.59606 2.57905 9.85581 2.73716C10.1156 2.89527 10.316 3.11549 10.4572 3.39783L16.8352 16.1538C16.9481 16.3909 17.0046 16.6394 17.0046 16.8992C17.0046 17.1194 16.9594 17.3283 16.869 17.5259C16.7843 17.7179 16.6658 17.8873 16.5133 18.0341C16.3665 18.1753 16.1943 18.2882 15.9966 18.3729C15.8046 18.4576 15.5985 18.5 15.3783 18.5H2.62235ZM9.54241 12.6726V8.33589C9.54241 8.18908 9.48877 8.06203 9.38148 7.95474C9.27419 7.84745 9.14714 7.79381 9.00033 7.79381C8.85351 7.79381 8.72646 7.84745 8.61917 7.95474C8.51189 8.06203 8.45824 8.18908 8.45824 8.33589V12.6726C8.45824 12.825 8.50906 12.9549 8.6107 13.0622C8.71799 13.1638 8.84787 13.2147 9.00033 13.2147C9.15279 13.2147 9.27984 13.1638 9.38148 13.0622C9.48877 12.9549 9.54241 12.825 9.54241 12.6726ZM9.81346 14.8409C9.81346 14.7336 9.79087 14.632 9.7457 14.536C9.70617 14.4344 9.64688 14.3468 9.56782 14.2734C9.49442 14.1944 9.40689 14.1351 9.30525 14.0956C9.20926 14.0504 9.10762 14.0278 9.00033 14.0278C8.88739 14.0278 8.78011 14.0504 8.67846 14.0956C8.58247 14.1407 8.49777 14.2 8.42436 14.2734C8.35095 14.3468 8.29166 14.4344 8.24649 14.536C8.20696 14.6376 8.1872 14.7421 8.1872 14.8494C8.1872 14.9623 8.20696 15.0696 8.24649 15.1713C8.29166 15.2672 8.35095 15.3519 8.42436 15.4254C8.50342 15.4931 8.59094 15.5496 8.68693 15.5948C8.78293 15.6343 8.88739 15.654 9.00033 15.654C9.2262 15.654 9.41819 15.575 9.57629 15.4169C9.7344 15.2588 9.81346 15.0668 9.81346 14.8409Z"
    />
  </svg>
`;var ol,rl,nl,al;!function(e){e[e.PROGRAMMATIC=0]="PROGRAMMATIC",e[e.USER_ACTION=1]="USER_ACTION"}(ol||(ol={})),(al=rl||(rl={})).Tokenization="Tokenization",al.RoamCard="RoamCard",al.ErrorHandling="ErrorHandling",al.Unknown="Unknown",function(e){e.isWalletBNPLAffirmAdaptiveCheckoutEnabled="isWalletBNPLAffirmAdaptiveCheckoutEnabled",e.isTokenizationEnrollRewardsEnabled="isTokenizationEnrollRewardsEnabled",e.isWalletTokenizedAutofillEnabled="isWalletTokenizedAutofillEnabled",e.creditCardUploadEnabled="creditCardUploadEnabled",e.creditCardGlobalizationEnabled="creditCardGlobalizationEnabled",e.creditCardBetterStateTranslationEnabled="creditCardBetterStateTranslationEnabled",e.creditCardSyncCardEnabled="creditCardSyncCardEnabled",e.cardUploadErrorHandling="cardUploadErrorHandling",e.isCardRoamingLocalSaveCvvEnabled="isCardRoamingLocalSaveCvvV2Enabled",e.isCardRoamingAlwaysVerifyEnabled="isCardRoamingAlwaysVerifyEnabled",e.isCreditCardSilentUploadEnabled="creditCardSilentUpload",e.isCreditCardAutoSaveEnabled="creditCardAutoSaveEnabled",e.isWalletPartialCardEnabled="isWalletPartialCardEnabled",e.isWalletHubUXReskinEnabled="isWalletHubUXReskinEnabled",e.isWalletHubLayoutRefreshEnabled="isWalletHubLayoutRefreshEnabled",e.isWalletTokenizationCardMetadataEnabled="isWalletTokenizationCardMetadataEnabled",e.isBNPLFeedbackEnabled="isBNPLFeedbackEnabled",e.isCardRoamingSupportCrossRegionV2Enabled="isCardRoamingSupportCrossRegionV2Enabled",e.isCardRoamingSupportCrossRegionV3Enabled="isCardRoamingSupportCrossRegionV3Enabled"}(nl||(nl={}));const sl=xe("walletTitle","Wallet"),ll=(e,t,i,o,r=Dn.Enroll)=>{if(n=nl.isWalletTokenizedAutofillEnabled,!sl.valueExists(n)||!sl.getBoolean(n))return;var n;if(!(e&&t&&r&&i))return;const a=sl.valueExists("tokenizationFunnelEnumMaxValue")?parseInt(sl.getValue("tokenizationFunnelEnumMaxValue"),10)+1:-1;if(null!==o&&o>=0&&o<=a&&!isNaN(a)){const n=r===Dn.Autofill?`${xn.TokenizationEnrollActions}.${r}.${e}.${i}`:`${xn.TokenizationEnrollActions}.${r}.${e}.${i}.${t}`;qe.recordEnumerationValue(n,o,a)}};function cl(e,t){const i=e.data,o=!0===e.previewData?.isLocal||!0===i?.metadata?.isLocal,r=e.previewData?.guid??i?.guid,n=kt.msWalletNotificationCardTokenizationEligibleHeader(),a=kt.msWalletNotificationCardTokenizationEligibleIntroduction(),s=((e,t)=>Ct(At(`edge://wallet${((e,t)=>e?`/paymentMethods/cardDetails/edit#paymentInstrumentId=${t}&from=${Ln.ProfileNotification}&usage=${rl.Tokenization}`:`/paymentMethods#paymentInstrumentId=${t}&from=${Ln.ProfileNotification}&usage=${rl.Tokenization}`)(e,t)}`),"CardTokenizationEligible"))(o,r),l=function(e){const t=`${(e=>e.cardType??e.network)(e)} ****${ot(e?.cardNumber)}`;return kt.msWalletNotificationCardTokenizationEligibleSetUpText([t])}(e.previewData);var c;return ll(Ln.ProfileNotification,(e=>e?(e=>!0===e.metadata?.isLocal)(e)?Fn.Local:(e=>!0===e?.metadata?.isPartialCard)(e)?Fn.Partial:(e=>!1===e?.metadata?.isLocal)(e)?Fn.Server:Fn.Unknown:Fn.Unknown)(i),(c=i?.network,Wn[c?.toUpperCase()]??Wn.UNKNOWN),Bn.CARD_ELIGIBLE,Dn.Enroll),re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${n}"
    content="${a}"
    actionUrl="${s}"
    actionText="${l}"
    appName="${t}"
  >
    <svg slot="icon" width="28" height="28" viewBox="0 0 28 28" fill="none">
      <rect width="28" height="28" rx="14" fill="#FDE300"></rect>
      <path
        fill-rule="evenodd"
        clip-path="evenodd"
        d="M6.53325 9.13302C6.23875 9.13302 6 9.37177 6 9.66627V13.3991C6 16.9549 8.10284 19.5675 12.2036 21.183C12.3292 21.2325 12.4689 21.2325 12.5945 21.183C13.2001 20.9444 13.7622 20.6841 14.2803 20.4022C13.5496 19.5225 13.1103 18.3922 13.1103 17.1593C13.1103 14.3545 15.3841 12.0807 18.1889 12.0807C18.3951 12.0807 18.5984 12.093 18.7981 12.1169V9.66627C18.7981 9.37177 18.5594 9.13302 18.2649 9.13302C16.3712 9.13302 14.5264 8.4622 12.719 7.10665C12.5294 6.96445 12.2687 6.96445 12.0791 7.10665C10.2717 8.4622 8.42695 9.13302 6.53325 9.13302Z"
        fill="black"
      ></path>
      <path
        fill-rule="evenodd"
        clip-path="evenodd"
        d="M22.2494 17.1589C22.2494 14.9154 20.4307 13.0967 18.1872 13.0967C15.9437 13.0967 14.125 14.9154 14.125 17.1589C14.125 19.4024 15.9437 21.2211 18.1872 21.2211C20.4307 21.2211 22.2494 19.4024 22.2494 17.1589ZM21.0296 17.1583C21.0296 16.7657 20.7113 16.4474 20.3186 16.4474L16.0531 16.4474C15.6605 16.4474 15.3422 16.7657 15.3422 17.1583C15.3422 17.5509 15.6605 17.8692 16.0531 17.8692L20.3186 17.8692C20.7113 17.8692 21.0296 17.5509 21.0296 17.1583Z"
        fill="black"
      ></path>
    </svg>
  </base-notification>`}var dl=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};const ul=I`
  .image {
    max-width: 36px;
    max-height: 36px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .cashbackShape {
    height: 20px;
    display: inline-block;
    padding: 0px;
    position: relative;
    background: ${"#3267FA"};
    border-radius: 4px;
    margin-inline-end: 10px;
    margin-block-start: 2px;
    color: ${An.whiteBackground};
  }

  .notificationText {
    font-size: 12px;
    padding-bottom: 8px;
  }

  .cashbackShape::before {
    top: 10%;
    right: -6px;
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    background: inherit;
    border-radius: 4px;
  }

  .cashbackPadding {
    padding-inline-end: 5px;
    padding-inline-start: 5px;
    padding-block-start: 1px;
    position: relative;
  }

  .expireText {
    display: inline-block;
    color: ${An.redForeground};
  }

  @media (prefers-color-scheme: dark) {
    .expireText {
      color: ${An.personalizedOfferTextColorDark};
    }
  }
`,pl=re`
  <base-notification
    notificationType="${e=>e.notificationType}"
    dataKey="${e=>e.dataKey}"
    content="${e=>e.content}"
    actionUrl="${e=>e.actionUrl}"
    actionText="${e=>e.actionText}"
    appName="${e=>e.appName}"
  >
    <img slot="icon" class="image" src="${e=>`edge://image?${e.imageUrl}`}" />
    <div slot="content" class="notificationText">
      ${e=>re`${kt.msWalletNotificationPOMessage([`<div class="cashbackShape">\n            <div class="cashbackPadding">\n              <span>$</span>\n              <span>${e.rebateValue}</span>\n            </div>\n          </div>`,`<div class="expireText">${e.expireStr}</div>`])} `}
    </div>
  </base-notification>
`;let hl=class extends Ie{padNumber(e){return e<10?`0${e}`:`${e}`}connectedCallback(){super.connectedCallback(),this.notificationType=this.getAttribute("notificationType");const e=Date.now()/1e3,t=this.expiration-e;if(t>0){const e=Math.floor(t/3600),i=Math.floor((t-3600*e)/60);this.expireStr=`${this.padNumber(e)}h:${this.padNumber(i)}m`}else this.expireStr="00h:00m"}};dl([y],hl.prototype,"dismiss",void 0),dl([he],hl.prototype,"notificationType",void 0),dl([he],hl.prototype,"dataKey",void 0),dl([he],hl.prototype,"actionUrl",void 0),dl([he],hl.prototype,"actionText",void 0),dl([he],hl.prototype,"expiration",void 0),dl([he],hl.prototype,"rebateValue",void 0),dl([he],hl.prototype,"imageUrl",void 0),dl([he],hl.prototype,"appName",void 0),dl([y],hl.prototype,"expireStr",void 0),hl=dl([Ae({name:"personalized-offers-notification",template:pl,styles:ul})],hl);const fl=I`
  .icon-background {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: ${An.donationIconBackgroundLight};
    padding-block-start: 10px;
    padding-block-end: 6px;
    padding-inline-start: 5px;
    padding-inline-end: 6px;
  }

  .icon-container {
    padding-inline-start: 3px;
    padding-block-start: 3px;
  }

  @media (prefers-color-scheme: dark) {
    .icon-background {
      background-color: ${An.donationIconBackgroundDark};
    }
  }
`,gl=re`
  <span class="icon-background">
    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="icon-container">
      <path
        d="M10 6.5V2H5.5C4.67 2 4 2.67 4 3.5V9c.7.03 1.4.25 2 .66a3.85 3.85 0 014.88 5.91L8.45 18h6.05c.83 0 1.5-.67 1.5-1.5V8h-4.5A1.5 1.5 0 0110 6.5zm1 0V2.25L15.75 7H11.5a.5.5 0 01-.5-.5zm-4.86 4.33a2.85 2.85 0 114.03 4.04l-3.82 3.81a.5.5 0 01-.7 0l-3.82-3.81a2.85 2.85 0 114.03-4.04l.14.14.14-.14zm4.03 4.04l-.36-.36z"
      />
    </svg>
  </span>
`;let El=class extends Ie{};var Tl,ml,Nl;El=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([Ae({name:"donation-icon",template:gl,styles:fl})],El),(Nl=Tl||(Tl={})).AddCreditCardPref="autofill.credit_card_enabled",Nl.TokenizationNumRewardsUsed="autofill.tokenization_number_rewards_used",Nl.MSPayCreditCardEnabled="autofill.mspay_credit_card_enabled",Nl.AutofillOfferToSyncCardEnabled="autofill.offer_to_sync_card_enabled",Nl.ProfileEnabled="autofill.profile_enabled",Nl.AutofillInfoEnabled="autofill.autostuff_enabled",Nl.SaveCreditCardCvvLocally="autofill.save_credit_card_cvv_locally",Nl.RoamingCardSilentlyEnabled="autofill.roaming_card_silently_enabled",Nl.MultiFactorAuthToFill="edge_wallet.multi_factor_auth_to_fill",Nl.MembershipsAutofillEnabled="autofill.memberships_enabled",Nl.PCToMobileSectionDismissed="edge_wallet.pc_to_mobile_section_dismissed",Nl.EnabledFeedbackPref="edge.feedback_allowed",Nl.ShowRewards="edge_rewards.show",Nl.EdgeWalletBNPLEnabled="edge_wallet_bnpl_enabled",Nl.ShowWalletIntroPref="edge_wallet.show_wallet_intro_section",Nl.WalletCheckoutEnabled="edge_wallet.wallet_checkout_enabled",Nl.ShoppingAssistantPref="edge_shopping_assistant_enabled",Nl.ShowOffersIntroPref="edge_wallet.show_wallet_offers_intro",Nl.ShowNewInTickets="edge_wallet.show_new_in_tickets",Nl.ShowTickets="edge_wallet.show_wallet_tickets",Nl.EdgeTippingAssistantEnabled="edge_tipping_assistant_enabled",Nl.ShoppingPackageTrackingUserConsent="shopping.package_tracking_user_consented",Nl.CredentialsEnableService="credentials_enable_service",Nl.CredentialsEnableAutofillPasswords="credentials_enable_autofill_passwords",Nl.CredentialsEnableBreachDetection="credentials_enable_breachdetection",Nl.PasswordBreachScanned="profile.password_breach_scanned",Nl.PasswordBreachLastScannedTime="profile.password_breach_last_scanned_time",Nl.PasswordBreachScanTriggeredCount="profile.password_breach_scan_triggered_count",Nl.PasswordBreachScanTriggeredPasswordCount="profile.password_breach_scan_triggered_password_count",Nl.PasswordRestrictLength="profile.edge_password_restrict_length",Nl.CredentialsEnablePasswordGeneration="credentials_enable_passwordgeneration",Nl.CredentialsEnablePasswordReveal="credentials_enable_passwordreveal",Nl.MasterPasswordAuthCriteria="profile.master_password_auth_criteria",Nl.MasterPasswordAuthFrequency="profile.master_password_auth_frequency",Nl.CredentailsEnableAutoSave="credentials_enable_autosave",Nl.CustomPrimaryPasswordHash="profile.custom_primary_password_hash",Nl.FeaturePromotionDict="edge_wallet.notification.featurePromotion.promotionDict",Nl.SettingsMigration="edge_wallet.use_as_default_t2",Nl.SettingsMigrationDismissed="edge_wallet.use_as_default_t2_dismissed",Nl.ShowWalletETree="edge_wallet.show_wallet_e_tree",Nl.WalletETreeEnabled="edge_wallet.wallet_etree_enabled",Nl.EtreeNotificationLastShow="edge_wallet.etree_notification_last_show",Nl.IsSignedInProfile="edge_wallet.isSignedInProfile",Nl.HomeFreDismissed="edge_wallet.home.fre.dismissed",Nl.HomeFrePaymentsStepCompleted="edge_wallet.home.fre.payments_step_completed",Nl.HomeFreMembershipsStepCompleted="edge_wallet.home.fre.memberships_step_completed",Nl.HomeFrePasswordsStepCompleted="edge_wallet.home.fre.passwords_step_completed",Nl.HomeFreRewardsStepCompleted="edge_wallet.home.fre.rewards_step_completed",Nl.HomeFreSavingsStepCompleted="edge_wallet.home.fre.savings_step_completed",Nl.HomeFreSigninStepCompleted="edge_wallet.home.fre.signin_step_completed",Nl.HomeFreAutosaveStepCompleted="edge_wallet.home.fre.autosave_step_completed",Nl.CryptoWalletUserEnabled="edge_wallet.crypto_wallet_user_enabled",Nl.CryptoUserFREState="edge_wallet.crypto_user_fre_state",Nl.CryptoWalletSuspended="edge_wallet.a0b1b27987ba331be1a8f2cd0d74c615c3d35ec3f298ad69506bbe21d5cb71d7",Nl.PWAPromotionDialogShownTimes="edge_wall
  .packageTrackingIcon {
    fill: ${An.packageTrackingIconLight};
  }

  @media (prefers-color-scheme: dark) {
    .packageTrackingIcon {
      fill: ${An.packageTrackingIconDark};
    }
  }
`,Il=re`<base-notification
  notificationType="${e=>e.notificationType}"
  dataKey="${e=>e.dataKey}"
  headerTitle="${e=>e.headerTitle}"
  content="${e=>e.content}"
  actionUrl="${e=>e.actionUrl}"
  actionText="${e=>e.actionText}"
  appName="${e=>e.appName}"
  :onActionLinkClickExtended=${e=>e.onActionLinkClickExtended}
>
  <svg
    slot="icon"
    class="packageTrackingIcon"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M1.75 4.5a.75.75 0 0 0-.75.75v6c0 1.24 1 2.25 2.25 2.25h5c1.24 0 2.25-1 2.25-2.25v-6a.75.75 0 0 0-.75-.75H9.5v-1a2.5 2.5 0 0 0-3.75-2.17A2.5 2.5 0 0 0 2 3.5v1h-.25ZM7 4.5v-1c0-.35-.07-.68-.2-.98A1 1 0 0 1 8 3.5v1H7Zm-1.5-1v1h-2v-1a1 1 0 0 1 2 0ZM2 17.25v-3c.38.16.8.25 1.25.25h.25v2.75c0 .39.3.7.67.75a3 3 0 0 1 5.66 0h2.34A3 3 0 0 1 15 16V5.25a.75.75 0 0 0-.75-.75h-2.92a1.76 1.76 0 0 0-.83-.83V3.5c0-.17-.01-.34-.04-.5h3.79c1.24 0 2.25 1 2.25 2.25V6h1.55c.87 0 1.66.5 2.03 1.29l1.7 3.58c.15.3.22.63.22.97v5.41c0 1.24-1 2.25-2.25 2.25h-1.8a3 3 0 0 1-5.9 0h-2.1a3 3 0 0 1-5.91-.01A2.25 2.25 0 0 1 2 17.25Zm15.83.75h1.92c.41 0 .75-.34.75-.75V17h-1.25a.75.75 0 0 1 0-1.5h1.25v-3h-4v3.9c.61.36 1.09.92 1.33 1.6ZM16.5 7.5V11h3.68l-1.45-3.07a.75.75 0 0 0-.68-.43H16.5ZM7 20.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm9.5-1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM3.5 3.5a1 1 0 0 1 .08-.4Z"
    ></path>
  </svg>
</base-notification>`;let Al=class extends Ie{constructor(){super(...arguments),this.onActionLinkClickExtended=()=>{var e;this.subType===_l.ViewOrder?bt(nt.PACKAGE_TRACKING_VIEW_ORDER_ENGAGEMENT,this.appName):this.subType===_l.TrackOrder&&(bt(nt.PACKAGE_TRACKING_TRACK_ORDER_ENGAGEMENT,this.appName),e=Tl.ShoppingPackageTrackingUserConsent,!0,Bt.setPref(e,true))}}};function Cl(e){return yt(e,sl)}Ol([he],Al.prototype,"notificationType",void 0),Ol([he],Al.prototype,"dataKey",void 0),Ol([he],Al.prototype,"headerTitle",void 0),Ol([he],Al.prototype,"content",void 0),Ol([he],Al.prototype,"actionUrl",void 0),Ol([he],Al.prototype,"actionText",void 0),Ol([he],Al.prototype,"subType",void 0),Ol([he],Al.prototype,"appName",void 0),Al=Ol([Ae({name:"package-tracking",styles:bl,template:Il})],Al);const vl={cancel:Cl({id:"cancel",defaultMessage:"Cancel",description:"Text of the cancel button"}),dismiss:Cl({id:"dismiss",defaultMessage:"Dismiss",description:"Text of the dismiss button"}),learnMore:Cl({id:"learnMore",defaultMessage:"Learn more",description:"Text of the learn more button"}),close:Cl({id:"close",defaultMessage:"Close",description:"Text of the Close button"}),textOfCreateButton:Cl({id:"textOfCreateButton",description:"Text for create button",defaultMessage:"Create"}),textOfChangeButton:Cl({id:"textOfChangeButton",description:"Text for change button",defaultMessage:"Change"}),tokenizeCardEnterCode:Cl({id:"tokenizeCardEnterCode",defaultMessage:"Enter code",description:"Label for enter verification code field"}),tokenizeCardVerify:Cl({id:"tokenizeCardVerify",defaultMessage:"Verify",description:"Label for the verify button"}),tokenizeCardChallengeMethodAPPToAPP:Cl({id:"tokenizeCardChallengeMethodAPPToAPP",defaultMessage:"Mobile banking app",description:"Simple description for the verify via banking app option"}),tokenizeCardChallengeMethodCustomerService:Cl({id:"tokenizeCardChallengeMethodCustomerService",defaultMessage:"Bank customer service",description:"Simple description for the verify via customer service option"}),tokenizeCardChallengeMethodEmail:Cl({id:"tokenizeCardChallengeMethodEmail",defaultMessage:"Email",description:"Simple description for the verify via email option"}),tokenizeCardChallengeMethodOnlineBanking:Cl({id:"tokenizeCardChallengeMethodOnlineBanking",defaultMessage:"Bank account",description:"Simple description for the verify via online banking option"}),tokenizeCardChallengeMethodOutboundCall:Cl({id:"tokenizeCardChallengeMethodOutboundCall",defaultMessage:"Phone call",description:"Simple description for the verify via phone call option"}),tokenizeCardChallengeMethodSMS:Cl({id:"tokenizeCardChallengeMethodSMS",defaultMessage:"Text message",description:"Simple description for the verify via SMS option"}),tokenizeCardSelectMethodDescription:Cl({id:"tokenizeCardSelectMethodDescription",defaultMessage:"Choose one of the following verification methods:",description:"Description for choose a new method"}),tokenizeCardBack:Cl({id:"tokenizeCardBack",defaultMessage:"Back",description:"Label for the Back button"}),tokenizeCardNext:Cl({id:"tokenizeCardNext",defaultMessage:"Next",description:"Label for the Next button"}),tokenizeCardEnterCodeStepTitle:Cl({id:"tokenizeCardEnterCodeStepTitle",defaultMessage:"Let's get you verified",description:"Title for the enter verification code step"}),tokenizeCardSelectMethodStepTitle:Cl({id:"tokenizeCardSelectMethodStepTitle",defaultMessage:"Let's get you verified",description:"Title for the select method code step"}),tokenizeCardErrorStepTitle:Cl({id:"tokenizeCardErrorStepTitle",defaultMessage:"Something went wrong",description:"Title for the error step"}),tokenizeCardLoadingTitle:Cl({id:"tokenizeCardLoadingTitle",defaultMessage:"Contacting your bank…",description:"Title for the loading step"}),tokenizeCardEnterCvvStepDescription:Cl({id:"tokenizeCardEnterCvvStepDescription",defaultMessage:"Your bank requires you to verify the CVV security code associated with your $1 ending in $2.",description:"Description shows in CVV verification dialog"}),tokenizeCardCvvInvalidError:Cl({id:"token
    iconClassName="${n?"errorIcon":"warningIcon"}"
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${a}"
    content="${c}"
    actionUrl="${s}"
    actionText="${l}"
    appName="${t}"
  >
    ${n?tl:il}
  </base-notification>`}(e,t);case st.SignupCryptoWallet:return function(e,t){const i=kt.msWalletNotificationCryptowalletSignupTitle(),o=kt.msWalletNotificationCryptowalletSignupDescription(),r=Ct(At("edge://wallet/crypto/onboard?from=notification"),"CryptoSignup"),n=kt.msWalletNotificationCryptowalletJoinButton();return re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${i}"
    content="${o}"
    actionUrl="${r}"
    actionText="${n}"
    appName="${t}"
  >
    <svg
      slot="icon"
      fill="${An.normalControl}"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M14.16 1.03c.26.08.4.37.31.63l-.5 1.5a.5.5 0 01-.94-.32l.5-1.5a.5.5 0 01.63-.31zm3.7 1.82a.5.5 0 10-.71-.7l-2 2a.5.5 0 00.7.7l2-2zm-10.25.3a2 2 0 013.26-.52l6.58 6.98a2 2 0 01-.64 3.2l-3.94 1.74a3.5 3.5 0 01-6.34 2.8l-1.2.52a1.5 1.5 0 01-1.67-.3l-1.22-1.22a1.5 1.5 0 01-.3-1.7l5.47-11.5zm-.16 13.78a2.5 2.5 0 004.5-1.97l-4.5 1.97zM17 6a.5.5 0 000 1h1.5a.5.5 0 100-1H17z"
      />
    </svg>
  </base-notification>`}(e,t);case st.CardTokenizationEligible:return cl(e,t);case st.PasswordLeakage:return function(e,t){const{LeakedPasswordCount:i}=e.previewData,o=kt.msWalletNotificationPasswordCompromiseTitle(),r=1==i?kt.msWalletNotificationPasswordCompromiseBodySingular():kt.msWalletNotificationPasswordCompromiseBody([i]),n=new URL(ke.getString("msWalletPageURL")+"/passwords/");n.hash="#filter=Leaked";const a=Ct(At(n.toString()),"PasswordLeakage"),s=St({id:"msWalletNotificationFixLeakage",description:"The text of view details link in password leakage notification",defaultMessage:"View details"});return re`<base-notification
    iconClassName="errorIcon"
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${o}"
    content="${r}"
    actionUrl="${a}"
    actionText="${s}"
    appName="${t}"
  >
    <svg slot="icon" fill="inherit" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M10 2a8 8 0 110 16 8 8 0 010-16zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zM10 6a.5.5 0 00-.5.41v4.68a.5.5 0 001 0V6.41A.5.5 0 0010 6z"
      />
    </svg>
  </base-notification>`}(e,t);case st.UpcomingHotelReservations:return function(e,t){const{HotelName:i,CheckinDate:o,CheckoutDate:r}=e.previewData,n=new Date(o).toLocaleDateString(void 0,{month:"short",day:"numeric"}),a=new Date(r).toLocaleDateString(void 0,{month:"short",day:"numeric"}),s=kt.msWalletNotificationHotelReservationTitle(),l=kt.msWalletNotificationHotelReservationBody([i,n,a]),c=new URL(ke.getString("msWalletPageURL")+"/tickets/");c.hash="#tab=travelnotification";const d=Ct(At(c.toString()),"HotelReservation"),u=kt.msWalletNotificationHotelReservationViewDetails();return re`<base-notification
    iconClassName="blueIcon"
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${s}"
    content="${l}"
    actionUrl="${d}"
    actionText="${u}"
    appName="${t}"
  >
    <svg slot="icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M18 10a8 8 0 10-16 0 8 8 0 0016 0zM9.5 8.91a.5.5 0 011 0V13.6a.5.5 0 01-1 0V8.9zm-.25-2.16a.75.75 0 111.5 0 .75.75 0 01-1.5 0z"
      />
    </svg>
  </base-notification>`}(e,t);case st.PersonalizedOffersAvailable:return function(e,t){const i=e.previewData?.contentUrl,o=e.previewData?.contentImageUrl,r=e.previewData?.contentRebateValue,n=e.previewData?.expireEpochTime,a=kt.personalizedOffersViewOfferText();return re` <personalized-offers-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    actionUrl="${i}"
    actionText="${a}"
    expiration="${n}"
    rebateValue="${r}"
    imageUrl="${o}"
    appName="${t}"
  >
  </personalized-offers-notification>`}(e,t);case st.RoamCard:return function(e,t){const i=e.previewData?.guid,o=e.previewData?.cardNumber,r=Mt.msWalletNotificationRoamCardHeaderV3(),n=Ct(At(`edge://wallet/paymentMethods/cardDetails/edit#paymentInstrumentId=${i}&usage=${rl.RoamCard}`),"CardRoaming"),a=Mt.msWalletNotificationRoamCardActionV2(),s=`•••• •••• •••• ${ot(o)}`;return re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${r}"
    content="${s}"
    actionUrl="${n}"
    actionText="${a}"
    appName="${t}"
  >
    <svg slot="icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M4.5 4C3.11929 4 2 5.11929 2 6.5V13.5C2 14.8807 3.11929 16 4.5 16H15.5C16.8807 16 18 14.8807 18 13.5V6.5C18 5.11929 16.8807 4 15.5 4H4.5ZM3 6.5C3 5.67157 3.67157 5 4.5 5H15.5C16.3284 5 17 5.67157 17 6.5V13.5C17 14.3284 16.3284 15 15.5 15H4.5C3.67157 15 3 14.3284 3 13.5V6.5ZM4.5 6C4.22386 6 4 6.22386 4 6.5C4 6.77614 4.22386 7 4.5 7H9.5C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6H4.5ZM4.5 8C4.22386 8 4 8.22386 4 8.5C4 8.77614 4.22386 9 4.5 9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8H4.5ZM5 11C4.44772 11 4 11.4477 4 12V13C4 13.5523 4.44772 14 5 14H9C9.55228 14 10 13.5523 10 13V12C10 11.4477 9.55228 11 9 11H5Z"
        fill="#115EA3"
      />
    </svg>
  </base-notification>`}(e,t);case st.DonationSummary:return function(e,t){const i=kt.msWalletNotificationDonationSummaryTitle(),o=new URL(Pe.getString("msWalletPageURL")+"/donation/");o.hash="#tab=overviewfromnotification";const r=Ct(At(o.toString()),"DonationSummary"),n=kt.msWalletNotificationDonationSummaryLinkText();return re`<base-notification
    iconClassName="errorIcon"
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${i}"
    actionUrl="${r}"
    actionText="${n}"
    appName="${t}"
  >
    <donation-icon slot="icon" />
  </base-notification>`}(e,t);case st.PackageTracking:return function(e,t){const{IsShoppingPackageTrackingUserConsent:i}=e.previewData,o=i?_l.ViewOrder:_l.TrackOrder,r=o===_l.ViewOrder?kt.msWalletNotificationOrderStatusTitle():kt.msWalletNotificationTrackOrderTitle(),n=o===_l.ViewOrder?"":kt.msWalletNotificationTrackOrderSubTitle(),a=Ct(At(new URL(Pe.getString("msWalletPageURL")+"/orders/").toString()),"PackageTracking"),s=o===_l.ViewOrder?kt.msWalletNotificationViewDetailLink():kt.msWalletNotificationTrackOrderLink();return re`<package-tracking
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${r}"
    content="${n}"
    actionUrl="${a}"
    actionText="${s}"
    appName="${t}"
    subType="${o}"
  >
    <svg slot="icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M10 6.5V2H5.5C4.67 2 4 2.67 4 3.5V9c.7.03 1.4.25 2 .66a3.85 3.85 0 014.88 5.91L8.45 18h6.05c.83 0 1.5-.67 1.5-1.5V8h-4.5A1.5 1.5 0 0110 6.5zm1 0V2.25L15.75 7H11.5a.5.5 0 01-.5-.5zm-4.86 4.33a2.85 2.85 0 114.03 4.04l-3.82 3.81a.5.5 0 01-.7 0l-3.82-3.81a2.85 2.85 0 114.03-4.04l.14.14.14-.14zm4.03 4.04l-.36-.36z"
      />
    </svg>
  </package-tracking>`}(e,t);case st.Rebates:return function(e,t){const i=kt.msWalletNotificationRebatesCashoutTitle(),{balance:o=0}=e.previewData,r=5*Math.floor(o/5),n=o<5?kt.msWalletNotificationRebatesCashoutDescription():kt.msWalletNotificationRebatesCashoutAmountDescription([`$${r}`]),a=Re.microsoftRebatesPayoutURL,s=kt.msWalletNotificationRebatesCashoutAction();return re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${i}"
    content="${n}"
    actionUrl="${a}"
    actionText="${s}"
    appName="${t}"
  >
    <img
      slot="icon"
      height="30"
      width="36"
      src="data:image/png;base64,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
    />
  </base-notification>`}(e,t);case st.PWAPromotion:return function(e,t){const i=vl.walletPWAPromoTitle(),o=vl.walletPWACommonPromoContent(),r=Ct(At(new URL(ke.getString("msWalletPageURL")).toString()),"PWAPromotion"),n=vl.walletPWAAddShortcut();return re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${i}"
    content="${o}"
    actionUrl="${r}"
    actionText="${n}"
    appName="${t}"
  >
    <svg slot="icon" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="28" height="28" rx="14" fill="#F1FAF1" />
      <path
        d="M16.8712 7.01503C17.1391 7.08197 17.302 7.35342 17.2351 7.62132L16.9852 8.6214C16.9183 8.8893 16.6468 9.05222 16.3789 8.98528C16.111 8.91834 15.9481 8.64689 16.015 8.37899L16.2649 7.37891C16.3319 7.11101 16.6033 6.94809 16.8712 7.01503ZM19.8536 8.14659C20.0488 8.34186 20.0488 8.65844 19.8536 8.8537L18.8536 9.8537C18.6583 10.049 18.3417 10.049 18.1464 9.8537C17.9512 9.65844 17.9512 9.34186 18.1464 9.14659L19.1464 8.14659C19.3417 7.95133 19.6583 7.95133 19.8536 8.14659ZM12.2836 19.0325C12.7966 19.886 13.8774 20.2425 14.8102 19.8271C15.7399 19.4132 16.1982 18.3773 15.9133 17.4277L12.2836 19.0325ZM11.3642 19.439L10.3655 19.8806C9.83756 20.1141 9.21978 19.9996 8.81088 19.5919L8.41013 19.1923C8.00252 18.7858 7.88618 18.1711 8.11785 17.644L11.9891 8.83553C12.3847 7.9354 13.5625 7.71525 14.258 8.40875L19.5897 13.725C20.2853 14.4186 20.0653 15.5919 19.1678 15.9888L16.8328 17.0212C17.3372 18.4773 16.6508 20.1023 15.217 20.7407C13.7784 21.3812 12.1051 20.798 11.3642 19.439ZM20.5 11.0001H19.5C19.2239 11.0001 19 11.224 19 11.5001C19 11.7763 19.2239 12.0001 19.5 12.0001H20.5C20.7761 12.0001 21 11.7763 21 11.5001C21 11.224 20.7761 11.0001 20.5 11.0001Z"
        fill="#0E700E"
      />
    </svg>
  </base-notification>`}(e,t);case st.DonationTrendNpo:return function(e,t){const i=e.data?.causeName,o=kt.msWalletNotificationDonationTrendNpoTitle(),r=kt.msWalletNotificationDonationTrendNpoDescription([i]),n=new URL(ke.getString("msWalletPageURL")+"/donation/");n.hash=i?`#tab=explore&npo=${i}`:"#tab=explore";const a=Ct(At(n.toString()),"PWAPromotion"),s=kt.msWalletNotificationDonationTrendNpoLink();return re`<base-notification
    notificationType="${e.type}"
    dataKey="${e.dataKey}"
    headerTitle="${o}"
    content="${r}"
    actionUrl="${a}"
    actionText="${s}"
    appName="${t}"
  >
    <img
      slot="icon"
      height="36"
      width="36"
      src="data:image/png;base64,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
    />
  </base-notification>`}(e,t);default:return bt(nt.UNSUPPORTED_TYPE,t),null}}const yl=I``,Sl=re`
  ${le((e=>e.notification),re`<div>${e=>Rl(e.notification,e.appName)}</div> `)}
`;let wl=class extends Ie{get notification(){return R.track(this,"notification"),this._notification}set notification(e){this._notification=e,R.notify(this,"notification")}get appName(){return R.track(this,"appName"),this._appName}set appName(e){this._appName=e,R.notify(this,"appName")}};function kl(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}wl=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([Ae({name:"notification-container",template:Sl,styles:yl})],wl);const Ml=new Map;"metadata"in Reflect||(Reflect.metadata=function(e,t){return function(i){Reflect.defineMetadata(e,t,i)}},Reflect.defineMetadata=function(e,t,i){let o=Ml.get(i);void 0===o&&Ml.set(i,o=new Map),o.set(e,t)},Reflect.getOwnMetadata=function(e,t){const i=Ml.get(t);if(void 0!==i)return i.get(e)});class xl{constructor(e,t){this.container=e,this.key=t}instance(e){return this.registerResolver(0,e)}singleton(e){return this.registerResolver(1,e)}transient(e){return this.registerResolver(2,e)}callback(e){return this.registerResolver(3,e)}cachedCallback(e){return this.registerResolver(3,rc(e))}aliasTo(e){return this.registerResolver(5,e)}registerResolver(e,t){const{container:i,key:o}=this;return this.container=this.key=void 0,i.registerResolver(o,new jl(o,e,t))}}function Pl(e){const t=e.slice(),i=Object.keys(e),o=i.length;let r;for(let n=0;n<o;++n)r=i[n],pc(r)||(t[r]=e[r]);return t}const Dl=Object.freeze({none(e){throw Error(`${e.toString()} not registered, did you forget to add @singleton()?`)},singleton:e=>new jl(e,1,e),transient:e=>new jl(e,2,e)}),Ll=Object.freeze({default:Object.freeze({parentLocator:()=>null,responsibleForOwnerRequests:!1,defaultResolver:Dl.singleton})}),Fl=new Map;function Wl(e){return t=>Reflect.getOwnMetadata(e,t)}let Bl=null;const Gl=Object.freeze({createContainer:e=>new ic(null,Object.assign({},Ll.default,e)),findResponsibleContainer(e){const t=e.$$container$$;return t&&t.responsibleForOwnerRequests?t:Gl.findParentContainer(e)},findParentContainer(e){const t=new CustomEvent(ec,{bubbles:!0,composed:!0,cancelable:!0,detail:{container:void 0}});return e.dispatchEvent(t),t.detail.container||Gl.getOrCreateDOMContainer()},getOrCreateDOMContainer:(e,t)=>e?e.$$container$$||new ic(e,Object.assign({},Ll.default,t,{parentLocator:Gl.findParentContainer})):Bl||(Bl=new ic(null,Object.assign({},Ll.default,t,{parentLocator:()=>null}))),getDesignParamtypes:Wl("design:paramtypes"),getAnnotationParamtypes:Wl("di:paramtypes"),getOrCreateAnnotationParamTypes(e){let t=this.getAnnotationParamtypes(e);return void 0===t&&Reflect.defineMetadata("di:paramtypes",t=[],e),t},getDependencies(e){let t=Fl.get(e);if(void 0===t){const i=e.inject;if(void 0===i){const i=Gl.getDesignParamtypes(e),o=Gl.getAnnotationParamtypes(e);if(void 0===i)if(void 0===o){const i=Object.getPrototypeOf(e);t="function"==typeof i&&i!==Function.prototype?Pl(Gl.getDependencies(i)):[]}else t=Pl(o);else if(void 0===o)t=Pl(i);else{t=Pl(i);let e,r=o.length;for(let i=0;i<r;++i)e=o[i],void 0!==e&&(t[i]=e);const n=Object.keys(o);let a;r=n.length;for(let e=0;e<r;++e)a=n[e],pc(a)||(t[a]=o[a])}}else t=Pl(i);Fl.set(e,t)}return t},defineProperty(e,t,i,o=!1){const r=`$di_${t}`;Reflect.defineProperty(e,t,{get:function(){let e=this[r];if(void 0===e){const n=this instanceof HTMLElement?Gl.findResponsibleContainer(this):Gl.getOrCreateDOMContainer();if(e=n.get(i),this[r]=e,o&&this instanceof Ie){const o=this.$fastController,n=()=>{Gl.findResponsibleContainer(this).get(i)!==this[r]&&(this[r]=e,o.notify(t))};o.subscribe({handleChange:n},"isConnected")}}return e}})},createInterface(e
  :host {
    background-color: ${Pp};
    color: ${Ih};
  }
`.withBehaviors(pd(I`
      :host {
        background-color: ${fd.Canvas};
        box-shadow: 0 0 0 1px ${fd.CanvasText};
        color: ${fd.CanvasText};
      }
    `));function Rh(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}class yh extends Tc{constructor(){super(),this.noPaint=!1,R.getNotifier(this).subscribe({handleChange:this.noPaintChanged.bind(this)},"fillColor")}noPaintChanged(){this.noPaint||void 0===this.fillColor?this.$fastController.removeStyles(vh):this.$fastController.addStyles(vh)}accentBaseColorChanged(e,t){null!=t?vp.setValueFor(this,Jd.create(t)):vp.deleteValueFor(this)}neutralBaseColorChanged(e,t){null!=t?Cp.setValueFor(this,Jd.create(t)):Cp.deleteValueFor(this)}}ed([he({attribute:"no-paint",mode:"boolean"})],yh.prototype,"noPaint",void 0),ed([he({attribute:"fill-color",converter:Ch}),Rh(Pp)],yh.prototype,"fillColor",void 0),ed([he({attribute:"accent-base-color",converter:Ch,mode:"fromView"})],yh.prototype,"accentBaseColor",void 0),ed([he({attribute:"neutral-base-color",converter:Ch,mode:"fromView"})],yh.prototype,"neutralBaseColor",void 0),ed([y,Rh(Cp)],yh.prototype,"neutralPalette",void 0),ed([y,Rh(vp)],yh.prototype,"accentPalette",void 0),ed([he({converter:ue}),Rh(Tu)],yh.prototype,"density",void 0),ed([he({attribute:"design-unit",converter:ue}),Rh(mu)],yh.prototype,"designUnit",void 0),ed([he({attribute:"direction"}),Rh(hu)],yh.prototype,"direction",void 0),ed([he({attribute:"base-height-multiplier",converter:ue}),Rh(gu)],yh.prototype,"baseHeightMultiplier",void 0),ed([he({attribute:"base-horizontal-spacing-multiplier",converter:ue}),Rh(Eu)],yh.prototype,"baseHorizontalSpacingMultiplier",void 0),ed([he({attribute:"control-corner-radius",converter:ue}),Rh(Nu)],yh.prototype,"controlCornerRadius",void 0),ed([he({attribute:"stroke-width",converter:ue}),Rh(_u)],yh.prototype,"strokeWidth",void 0),ed([he({attribute:"focus-stroke-width",converter:ue}),Rh(Ou)],yh.prototype,"focusStrokeWidth",void 0),ed([he({attribute:"disabled-opacity",converter:ue}),Rh(fu)],yh.prototype,"disabledOpacity",void 0),ed([he({attribute:"type-ramp-minus-2-font-size"}),Rh(Ru)],yh.prototype,"typeRampMinus2FontSize",void 0),ed([he({attribute:"type-ramp-minus-2-line-height"}),Rh(yu)],yh.prototype,"typeRampMinus2LineHeight",void 0),ed([he({attribute:"type-ramp-minus-1-font-size"}),Rh(Cu)],yh.prototype,"typeRampMinus1FontSize",void 0),ed([he({attribute:"type-ramp-minus-1-line-height"}),Rh(vu)],yh.prototype,"typeRampMinus1LineHeight",void 0),ed([he({attribute:"type-ramp-base-font-size"}),Rh(Iu)],yh.prototype,"typeRampBaseFontSize",void 0),ed([he({attribute:"type-ramp-base-line-height"}),Rh(Au)],yh.prototype,"typeRampBaseLineHeight",void 0),ed([he({attribute:"type-ramp-plus-1-font-size"}),Rh(Su)],yh.prototype,"typeRampPlus1FontSize",void 0),ed([he({attribute:"type-ramp-plus-1-line-height"}),Rh(wu)],yh.prototype,"typeRampPlus1LineHeight",void 0),ed([he({attribute:"type-ramp-plus-2-font-size"}),Rh(ku)],yh.prototype,"typeRampPlus2FontSize",void 0),ed([he({attribute:"type-ramp-plus-2-line-height"}),Rh(Mu)],yh.prototype,"typeRampPlus2LineHeight",void 0),ed([he({attribute:"type-ramp-plus-3-font-size"}),Rh(xu)],yh.prototype,"typeRampPlus3FontSize",void 0),ed([he({attribute:"type-ramp-plus-3-line-height"}),Rh(Pu)],yh.prototype,"typeRampPlus3LineHeight",void 0),ed([he({attribute:"type-ramp-plus-4-font-size"}),Rh(Du)],yh.prototype,"typeRampPlus4FontSize",void 0),ed([he({attribute:"type-ramp-plus-4-line-height"}),Rh(Lu)],yh.prototype,"typeRampPlus4LineHeight",void 0),ed([he({attribute:"type-ramp-plus-5-font-size"}),Rh(Fu)],yh.prototype,"typeRampPlus5FontSize",void 0),ed([he({attribute:"type-ramp-plus-5-line-height"}),Rh(Wu)],yh.prototype,"typeRampPlus5LineHeight",void 0),ed([he({attribute:"type-ramp-plus-6-font-size"}),Rh(Bu)],yh.prototype,"typeRampPlus6FontSize",void 0),ed([he({attribute:"type-ramp-plus-6-line-height"}),Rh(Gu)],yh.prototype,"typeRampPlus6LineHeight",void 0),ed([he({attribute:"accent-fill-rest-delta",converter:ue}),Rh(Uu)],yh.prototype,"accentFillRestDelta",void 0),ed([he({attribute:"accent-fill-hover-delta",converter:ue}),Rh($u)],yh.prototype,"accentFillHoverDelta",void 0),ed([he({attribute:"accent-fill-active-delta",converter:ue}),
    ${hd("block")}
  `});class wh{}kl([he({attribute:"aria-atomic"})],wh.prototype,"ariaAtomic",void 0),kl([he({attribute:"aria-busy"})],wh.prototype,"ariaBusy",void 0),kl([he({attribute:"aria-controls"})],wh.prototype,"ariaControls",void 0),kl([he({attribute:"aria-current"})],wh.prototype,"ariaCurrent",void 0),kl([he({attribute:"aria-describedby"})],wh.prototype,"ariaDescribedby",void 0),kl([he({attribute:"aria-details"})],wh.prototype,"ariaDetails",void 0),kl([he({attribute:"aria-disabled"})],wh.prototype,"ariaDisabled",void 0),kl([he({attribute:"aria-errormessage"})],wh.prototype,"ariaErrormessage",void 0),kl([he({attribute:"aria-flowto"})],wh.prototype,"ariaFlowto",void 0),kl([he({attribute:"aria-haspopup"})],wh.prototype,"ariaHaspopup",void 0),kl([he({attribute:"aria-hidden"})],wh.prototype,"ariaHidden",void 0),kl([he({attribute:"aria-invalid"})],wh.prototype,"ariaInvalid",void 0),kl([he({attribute:"aria-keyshortcuts"})],wh.prototype,"ariaKeyshortcuts",void 0),kl([he({attribute:"aria-label"})],wh.prototype,"ariaLabel",void 0),kl([he({attribute:"aria-labelledby"})],wh.prototype,"ariaLabelledby",void 0),kl([he({attribute:"aria-live"})],wh.prototype,"ariaLive",void 0),kl([he({attribute:"aria-owns"})],wh.prototype,"ariaOwns",void 0),kl([he({attribute:"aria-relevant"})],wh.prototype,"ariaRelevant",void 0),kl([he({attribute:"aria-roledescription"})],wh.prototype,"ariaRoledescription",void 0);class kh{constructor(e,t){this.target=e,this.propertyName=t}bind(e){e[this.propertyName]=this.target}unbind(){}}function Mh(e){return new P("fast-ref",kh,e)}class xh{handleStartContentChange(){this.startContainer.classList.toggle("start",this.start.assignedNodes().length>0)}handleEndContentChange(){this.endContainer.classList.toggle("end",this.end.assignedNodes().length>0)}}const Ph=(e,t)=>re`
    <span
        part="end"
        ${Mh("endContainer")}
        class=${e=>t.end?"end":void 0}
    >
        <slot name="end" ${Mh("end")} @slotchange="${e=>e.handleEndContentChange()}">
            ${t.end||""}
        </slot>
    </span>
`,Dh=(e,t)=>re`
    <span
        part="start"
        ${Mh("startContainer")}
        class="${e=>t.start?"start":void 0}"
    >
        <slot
            name="start"
            ${Mh("start")}
            @slotchange="${e=>e.handleStartContentChange()}"
        >
            ${t.start||""}
        </slot>
    </span>
`;function Lh(e,...t){const i=ce.locate(e);t.forEach((t=>{Object.getOwnPropertyNames(t.prototype).forEach((i=>{"constructor"!==i&&Object.defineProperty(e.prototype,i,Object.getOwnPropertyDescriptor(t.prototype,i))})),ce.locate(t).forEach((e=>i.push(e)))}))}re`
    <span part="end" ${Mh("endContainer")}>
        <slot
            name="end"
            ${Mh("end")}
            @slotchange="${e=>e.handleEndContentChange()}"
        ></slot>
    </span>
`,re`
    <span part="start" ${Mh("startContainer")}>
        <slot
            name="start"
            ${Mh("start")}
            @slotchange="${e=>e.handleStartContentChange()}"
        ></slot>
    </span>
`;class Fh extends Tc{constructor(){super(...arguments),this.handleUnsupportedDelegatesFocus=()=>{var e;window.ShadowRoot&&!window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus")&&(null===(e=this.$fastController.definition.shadowOptions)||void 0===e?void 0:e.delegatesFocus)&&(this.focus=()=>{var e;null===(e=this.control)||void 0===e||e.focus()})}}connectedCallback(){super.connectedCallback(),this.handleUnsupportedDelegatesFocus()}}kl([he],Fh.prototype,"download",void 0),kl([he],Fh.prototype,"href",void 0),kl([he],Fh.prototype,"hreflang",void 0),kl([he],Fh.prototype,"ping",void 0),kl([he],Fh.prototype,"referrerpolicy",void 0),kl([he],Fh.prototype,"rel",void 0),kl([he],Fh.prototype,"target",void 0),kl([he],Fh.prototype,"type",void 0),kl([y],Fh.prototype,"defaultSlottedContent",void 0);class Wh{}kl([he({attribute:"aria-expanded"})],Wh.prototype,"ariaExpanded",void 0),Lh(Wh,wh),Lh(Fh,xh,Wh);class Bh extends class{constructor(e,t){this.target=e,this.options=t,this.source=null}bind(e){const t=this.options.property;this.shouldUpdate=R.getAccessors(e).some((e=>e.name===t)),this.source=e,this.updateTarget(this.computeNodes()),this.shouldUpdate&&this.observe()}unbind(){this.updateTarget(n),this.source=null,this.shouldUpdate&&this.disconnect()}handleEvent(){this.updateTarget(this.computeNodes())}computeNodes(){let e=this.getNodes();return void 0!==this.options.filter&&(e=e.filter(this.options.filter)),e}updateTarget(e){this.source[this.options.property]=e}}{constructor(e,t){super(e,t)}observe(){this.target.addEventListener("slotchange",this)}disconnect(){this.target.removeEventListener("slotchange",this)}getNodes(){return this.target.assignedNodes(this.options)}}function Gh(e){return"string"==typeof e&&(e={property:e}),new P("fast-slotted",Bh,e)}let Vh;const Uh=function(){if("boolean"==typeof Vh)return Vh;if("undefined"==typeof window||!window.document||!window.document.createElement)return Vh=!1,Vh;const e=document.createElement("style"),t=function(){const e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}();null!==t&&e.setAttribute("nonce",t),document.head.appendChild(e);try{e.sheet.insertRule("foo:focus-visible {color:inherit}",0),Vh=!0}catch(e){Vh=!1}finally{document.head.removeChild(e)}return Vh}()?"focus-visible":"focus",$h=(function(e,...t){const{styles:i,behaviors:o}=b(e,t);return new A(i,o)})`(${gu} + ${Tu}) * ${mu}`,Hh=(e,t)=>I`
    ${hd("inline-flex")} :host {
      font-family: ${bu};
      outline: none;
      font-size: ${Iu};
      line-height: ${Au};
      height: calc(${$h} * 1px);
      min-width: calc(${$h} * 1px);
      background-color: ${eh};
      color: ${Ih};
      border-radius: calc(${Nu} * 1px);
      fill: currentcolor;
      cursor: pointer;
    }

    .control {
      background: transparent;
      height: inherit;
      flex-grow: 1;
      box-sizing: border-box;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0 calc((10 + (${mu} * 2 * ${Tu})) * 1px);
      white-space: nowrap;
      outline: none;
      text-decoration: none;
      border: calc(${_u} * 1px) solid transparent;
      color: inherit;
      border-radius: inherit;
      fill: inherit;
      cursor: inherit;
      font-family: inherit;
    }

    .control,
    .end,
    .start {
      font: inherit;
    }

    .control.icon-only {
      padding: 0;
      line-height: 0;
    }

    :host(:hover) {
      background-color: ${th};
    }

    :host(:active) {
      background-color: ${ih};
    }

    .control:${Uh} {
      border: calc(${_u} * 1px) solid ${Nh};
      box-shadow: 0 0 0 calc((${Ou} - ${_u}) * 1px) ${Nh};
    }

    .control::-moz-focus-inner {
      border: 0;
    }

    .content {
      pointer-events: none;
    }

    .start,
    .end {
      display: flex;
      pointer-events: none;
    }

    ::slotted(svg) {
      ${""} width: 16px;
      height: 16px;
      pointer-events: none;
    }

    .start {
      margin-inline-end: 11px;
    }

    .end {
      margin-inline-start: 11px;
    }
  `.withBehaviors(pd(I`
        :host,
        :host([appearance="neutral"]) .control {
          background-color: ${fd.ButtonFace};
          border-color: ${fd.ButtonText};
          color: ${fd.ButtonText};
          fill: currentcolor;
        }

        :host(:not([disabled][href]):hover),
        :host([appearance="neutral"]:not([disabled]):hover) .control {
          forced-color-adjust: none;
          background-color: ${fd.Highlight};
          color: ${fd.HighlightText};
        }

        .control:${Uh},
        :host([appearance="outline"]) .control:${Uh},
        :host([appearance="neutral"]:${Uh}) .control {
          forced-color-adjust: none;
          background-color: ${fd.Highlight};
          border-color: ${fd.ButtonText};
          box-shadow: 0 0 0 calc((${Ou} - ${_u}) * 1px) ${fd.ButtonText};
          color: ${fd.HighlightText};
        }

        .control:not([disabled]):hover,
        :host([appearance="outline"]) .control:hover {
          border-color: ${fd.ButtonText};
        }

        :host([href]) .control {
          border-color: ${fd.LinkText};
          color: ${fd.LinkText};
        }

        :host([href]) .control:hover,
        :host(.neutral[href]) .control:hover,
        :host(.outline[href]) .control:hover,
        :host([href]) .control:${Uh}{
          forced-color-adjust: none;
          background: ${fd.ButtonFace};
          border-color: ${fd.LinkText};
          box-shadow: 0 0 0 1px ${fd.LinkText} inset;
          color: ${fd.LinkText};
          fill: currentcolor;
        }
    `)),zh=I`
  :host([appearance='accent']) {
    background: ${Wp};
    color: ${Hp};
  }

  :host([appearance='accent']:hover) {
    background: ${Bp};
    color: ${zp};
  }

  :host([appearance='accent']:active) .control:active {
    background: ${Gp};
    color: ${jp};
  }

  :host([appearance="accent"]) .control:${Uh} {
    box-shadow: 0 0 0 calc(${Ou} * 1px) inset ${Oh},
      0 0 0 calc((${Ou} - ${_u}) * 1px) ${Nh};
  }
`.withBehaviors(pd(I`
      :host([appearance='accent']) .control {
        forced-color-adjust: none;
        background: ${fd.Highlight};
        color: ${fd.HighlightText};
      }

      :host([appearance='accent']) .control:hover,
      :host([appearance='accent']:active) .control:active {
        background: ${fd.HighlightText};
        border-color: ${fd.Highlight};
        color: ${fd.Highlight};
      }

      :host([appearance="accent"]) .control:${Uh} {
        border-color: ${fd.ButtonText};
        box-shadow: 0 0 0 2px ${fd.HighlightText} inset;
      }

      :host([appearance='accent'][href]) .control {
        background: ${fd.LinkText};
        color: ${fd.HighlightText};
      }

      :host([appearance='accent'][href]) .control:hover {
        background: ${fd.ButtonFace};
        border-color: ${fd.LinkText};
        box-shadow: none;
        color: ${fd.LinkText};
        fill: currentcolor;
      }

      :host([appearance="accent"][href]) .control:${Uh} {
        border-color: ${fd.LinkText};
        box-shadow: 0 0 0 2px ${fd.HighlightText} inset;
      }
    `)),jh=I`
  :host([appearance='hypertext']) {
    height: auto;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    min-width: 0;
  }

  :host([appearance='hypertext']) .control {
    display: inline;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    line-height: 1;
  }
  :host a.control:not(:link) {
    background-color: transparent;
    cursor: default;
  }
  :host([appearance='hypertext']) .control:link,
  :host([appearance='hypertext']) .control:visited {
    background: transparent;
    color: ${qp};
    border-bottom: calc(${_u} * 1px) solid ${qp};
  }
  :host([appearance='hypertext']) .control:hover {
    border-bottom-color: ${Xp};
  }
  :host([appearance='hypertext']) .control:active {
    border-bottom-color: ${Qp};
  }
  :host([appearance="hypertext"]) .control:${Uh} {
    border-bottom: calc(${Ou} * 1px) solid ${Nh};
    margin-bottom: calc(calc(${_u} - ${Ou}) * 1px);
  }
`.withBehaviors(pd(I`
      :host([appearance="hypertext"]) .control:${Uh} {
        color: ${fd.LinkText};
        border-bottom-color: ${fd.LinkText};
      }
    `)),Zh=I`
  :host([appearance='lightweight']) {
    background: transparent;
    color: ${qp};
  }

  :host([appearance='lightweight']) .control {
    padding: 0;
    height: initial;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }

  :host([appearance='lightweight']:hover) {
    color: ${Xp};
  }

  :host([appearance='lightweight']:active) {
    color: ${Qp};
  }

  :host([appearance='lightweight']) .content {
    position: relative;
  }

  :host([appearance='lightweight']) .content::before {
    content: '';
    display: block;
    height: calc(${_u} * 1px);
    position: absolute;
    top: calc(1em + 3px);
    width: 100%;
  }

  :host([appearance='lightweight']:hover) .content::before {
    background: ${Xp};
  }

  :host([appearance='lightweight']:active) .content::before {
    background: ${Qp};
  }

  :host([appearance="lightweight"]) .control:${Uh} .content::before {
    background: ${Ih};
    height: calc(${Ou} * 1px);
  }
`.withBehaviors(pd(I`
      :host([appearance='lightweight']) {
        color: ${fd.ButtonText};
      }
      :host([appearance="lightweight"]) .control:hover,
        :host([appearance="lightweight"]) .control:${Uh} {
        forced-color-adjust: none;
        background: ${fd.ButtonFace};
        color: ${fd.Highlight};
      }
      :host([appearance="lightweight"]) .control:hover .content::before,
        :host([appearance="lightweight"]) .control:${Uh} .content::before {
        background: ${fd.Highlight};
      }

      :host([appearance="lightweight"][href]) .control:hover,
        :host([appearance="lightweight"][href]) .control:${Uh} {
        background: ${fd.ButtonFace};
        box-shadow: none;
        color: ${fd.LinkText};
      }

      :host([appearance="lightweight"][href]) .control:hover .content::before,
        :host([appearance="lightweight"][href]) .control:${Uh} .content::before {
        background: ${fd.LinkText};
      }
    `)),Yh=I`
  :host([appearance='outline']) {
    background: transparent;
    border-color: ${ph};
  }

  :host([appearance='outline']:hover) {
    border-color: ${hh};
  }

  :host([appearance='outline']:active) {
    border-color: ${fh};
  }

  :host([appearance='outline']) .control {
    border-color: inherit;
  }

  :host([appearance="outline"]) .control:${Uh} {
    box-shadow: 0 0 0 calc((${Ou} - ${_u}) * 1px) ${Nh};
    border-color: ${Nh};
  }
`.withBehaviors(pd(I`
      :host([appearance='outline']) {
        border-color: ${fd.ButtonText};
      }
      :host([appearance='outline'][href]) {
        border-color: ${fd.LinkText};
      }
    `)),Kh=I`
  :host([appearance='stealth']) {
    background: ${sh};
  }

  :host([appearance='stealth']:hover) {
    background: ${lh};
  }

  :host([appearance='stealth']:active) {
    background: ${ch};
  }
`.withBehaviors(pd(I`
      :host([appearance='stealth']),
      :host([appearance='stealth']) .control {
        forced-color-adjust: none;
        background: ${fd.ButtonFace};
        border-color: transparent;
        color: ${fd.ButtonText};
        fill: currentcolor;
      }

      :host([appearance='stealth']:hover) .control {
        background: ${fd.Highlight};
        border-color: ${fd.Highlight};
        color: ${fd.HighlightText};
        fill: currentcolor;
      }

      :host([appearance="stealth"]:${Uh}) .control {
        background: ${fd.Highlight};
        box-shadow: 0 0 0 1px ${fd.Highlight};
        color: ${fd.HighlightText};
        fill: currentcolor;
      }

      :host([appearance='stealth'][href]) .control {
        color: ${fd.LinkText};
      }

      :host([appearance="stealth"]:hover[href]) .control,
        :host([appearance="stealth"]:${Uh}[href]) .control {
        background: ${fd.LinkText};
        border-color: ${fd.LinkText};
        color: ${fd.HighlightText};
        fill: currentcolor;
      }

      :host([appearance="stealth"]:${Uh}[href]) .control {
        box-shadow: 0 0 0 1px ${fd.LinkText};
      }
    `));class qh{constructor(e,t,i){this.propertyName=e,this.value=t,this.styles=i}bind(e){R.getNotifier(e).subscribe(this,this.propertyName),this.handleChange(e,this.propertyName)}unbind(e){R.getNotifier(e).unsubscribe(this,this.propertyName),e.$fastController.removeStyles(this.styles)}handleChange(e,t){e[t]===this.value?e.$fastController.addStyles(this.styles):e.$fastController.removeStyles(this.styles)}}function Xh(e,t){return new qh("appearance",e,t)}class Qh extends Fh{appearanceChanged(e,t){e!==t&&(this.classList.add(t),this.classList.remove(e))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(){const e=this.defaultSlottedContent.filter((e=>e.nodeType===Node.ELEMENT_NODE));1===e.length&&e[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}ed([he],Qh.prototype,"appearance",void 0);const Jh=Qh.compose({baseName:"anchor",baseClass:Fh,template:(e,t)=>re`
    <a
        class="control"
        part="control"
        download="${e=>e.download}"
        href="${e=>e.href}"
        hreflang="${e=>e.hreflang}"
        ping="${e=>e.ping}"
        referrerpolicy="${e=>e.referrerpolicy}"
        rel="${e=>e.rel}"
        target="${e=>e.target}"
        type="${e=>e.type}"
        aria-atomic="${e=>e.ariaAtomic}"
        aria-busy="${e=>e.ariaBusy}"
        aria-controls="${e=>e.ariaControls}"
        aria-current="${e=>e.ariaCurrent}"
        aria-describedby="${e=>e.ariaDescribedby}"
        aria-details="${e=>e.ariaDetails}"
        aria-disabled="${e=>e.ariaDisabled}"
        aria-errormessage="${e=>e.ariaErrormessage}"
        aria-expanded="${e=>e.ariaExpanded}"
        aria-flowto="${e=>e.ariaFlowto}"
        aria-haspopup="${e=>e.ariaHaspopup}"
        aria-hidden="${e=>e.ariaHidden}"
        aria-invalid="${e=>e.ariaInvalid}"
        aria-keyshortcuts="${e=>e.ariaKeyshortcuts}"
        aria-label="${e=>e.ariaLabel}"
        aria-labelledby="${e=>e.ariaLabelledby}"
        aria-live="${e=>e.ariaLive}"
        aria-owns="${e=>e.ariaOwns}"
        aria-relevant="${e=>e.ariaRelevant}"
        aria-roledescription="${e=>e.ariaRoledescription}"
        ${Mh("control")}
    >
        ${Dh(0,t)}
        <span class="content" part="content">
            <slot ${Gh("defaultSlottedContent")}></slot>
        </span>
        ${Ph(0,t)}
    </a>
`,styles:(e,t)=>I`
    ${Hh()}
  `.withBehaviors(Xh("accent",zh),Xh("hypertext",jh),Xh("lightweight",Zh),Xh("outline",Yh),Xh("stealth",Kh)),shadowOptions:{delegatesFocus:!0}});class ef extends Tc{constructor(){super(...arguments),this.role="separator",this.orientation="horizontal"}}kl([he],ef.prototype,"role",void 0),kl([he],ef.prototype,"orientation",void 0);const tf=ef.compose({baseName:"divider",template:(e,t)=>re`
    <template role="${e=>e.role}" aria-orientation="${e=>e.orientation}"></template>
`,styles:(e,t)=>I`
    ${hd("block")} :host {
      box-sizing: content-box;
      height: 0;
      margin: calc(${mu} * 1px) 0;
      border: none;
      border-top: calc(${_u} * 1px) solid ${Eh};
    }
  `});var of,rf;(rf=of||(of={}))[rf.alt=18]="alt",rf[rf.arrowDown=40]="arrowDown",rf[rf.arrowLeft=37]="arrowLeft",rf[rf.arrowRight=39]="arrowRight",rf[rf.arrowUp=38]="arrowUp",rf[rf.back=8]="back",rf[rf.backSlash=220]="backSlash",rf[rf.break=19]="break",rf[rf.capsLock=20]="capsLock",rf[rf.closeBracket=221]="closeBracket",rf[rf.colon=186]="colon",rf[rf.colon2=59]="colon2",rf[rf.comma=188]="comma",rf[rf.ctrl=17]="ctrl",rf[rf.delete=46]="delete",rf[rf.end=35]="end",rf[rf.enter=13]="enter",rf[rf.equals=187]="equals",rf[rf.equals2=61]="equals2",rf[rf.equals3=107]="equals3",rf[rf.escape=27]="escape",rf[rf.forwardSlash=191]="forwardSlash",rf[rf.function1=112]="function1",rf[rf.function10=121]="function10",rf[rf.function11=122]="function11",rf[rf.function12=123]="function12",rf[rf.function2=113]="function2",rf[rf.function3=114]="function3",rf[rf.function4=115]="function4",rf[rf.function5=116]="function5",rf[rf.function6=117]="function6",rf[rf.function7=118]="function7",rf[rf.function8=119]="function8",rf[rf.function9=120]="function9",rf[rf.home=36]="home",rf[rf.insert=45]="insert",rf[rf.menu=93]="menu",rf[rf.minus=189]="minus",rf[rf.minus2=109]="minus2",rf[rf.numLock=144]="numLock",rf[rf.numPad0=96]="numPad0",rf[rf.numPad1=97]="numPad1",rf[rf.numPad2=98]="numPad2",rf[rf.numPad3=99]="numPad3",rf[rf.numPad4=100]="numPad4",rf[rf.numPad5=101]="numPad5",rf[rf.numPad6=102]="numPad6",rf[rf.numPad7=103]="numPad7",rf[rf.numPad8=104]="numPad8",rf[rf.numPad9=105]="numPad9",rf[rf.numPadDivide=111]="numPadDivide",rf[rf.numPadDot=110]="numPadDot",rf[rf.numPadMinus=109]="numPadMinus",rf[rf.numPadMultiply=106]="numPadMultiply",rf[rf.numPadPlus=107]="numPadPlus",rf[rf.openBracket=219]="openBracket",rf[rf.pageDown=34]="pageDown",rf[rf.pageUp=33]="pageUp",rf[rf.period=190]="period",rf[rf.print=44]="print",rf[rf.quote=222]="quote",rf[rf.scrollLock=145]="scrollLock",rf[rf.shift=16]="shift",rf[rf.space=32]="space",rf[rf.tab=9]="tab",rf[rf.tilde=192]="tilde",rf[rf.windowsLeft=91]="windowsLeft",rf[rf.windowsOpera=219]="windowsOpera",rf[rf.windowsRight=92]="windowsRight";const nf="form-associated-proxy",af="ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype,sf=new WeakMap;class lf extends Tc{}class cf extends(function(e){const t=class extends e{constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return af}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),i=e?t.concat(Array.from(e)):t;return Object.freeze(i)}return n}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(e,t){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),h.queueUpdate((()=>this.classList.toggle("disabled",this.disabled)))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),h.queueUpdate((()=>this.classList.toggle("required",this.required))),this.validate()}get elementInterna
    <button
        class="control"
        part="control"
        ?autofocus="${e=>e.autofocus}"
        ?disabled="${e=>e.disabled}"
        form="${e=>e.formId}"
        formaction="${e=>e.formaction}"
        formenctype="${e=>e.formenctype}"
        formmethod="${e=>e.formmethod}"
        formnovalidate="${e=>e.formnovalidate}"
        formtarget="${e=>e.formtarget}"
        name="${e=>e.name}"
        type="${e=>e.type}"
        value="${e=>e.value}"
        aria-atomic="${e=>e.ariaAtomic}"
        aria-busy="${e=>e.ariaBusy}"
        aria-controls="${e=>e.ariaControls}"
        aria-current="${e=>e.ariaCurrent}"
        aria-describedby="${e=>e.ariaDescribedby}"
        aria-details="${e=>e.ariaDetails}"
        aria-disabled="${e=>e.ariaDisabled}"
        aria-errormessage="${e=>e.ariaErrormessage}"
        aria-expanded="${e=>e.ariaExpanded}"
        aria-flowto="${e=>e.ariaFlowto}"
        aria-haspopup="${e=>e.ariaHaspopup}"
        aria-hidden="${e=>e.ariaHidden}"
        aria-invalid="${e=>e.ariaInvalid}"
        aria-keyshortcuts="${e=>e.ariaKeyshortcuts}"
        aria-label="${e=>e.ariaLabel}"
        aria-labelledby="${e=>e.ariaLabelledby}"
        aria-live="${e=>e.ariaLive}"
        aria-owns="${e=>e.ariaOwns}"
        aria-pressed="${e=>e.ariaPressed}"
        aria-relevant="${e=>e.ariaRelevant}"
        aria-roledescription="${e=>e.ariaRoledescription}"
        ${Mh("control")}
    >
        ${Dh(0,t)}
        <span class="content" part="content">
            <slot ${Gh("defaultSlottedContent")}></slot>
        </span>
        ${Ph(0,t)}
    </button>
`,styles:(e,t)=>I`
    :host([disabled]),
    :host([disabled]:hover),
    :host([disabled]:active) {
      opacity: ${fu};
      background-color: ${eh};
      cursor: ${"not-allowed"};
    }

    ${Hh()}
  `.withBehaviors(pd(I`
        :host([disabled]),
        :host([disabled]:hover),
        :host([disabled]:active),
        :host([disabled]) .control,
        :host([disabled]) .control:hover,
        :host([appearance='neutral'][disabled]:hover) .control {
          forced-color-adjust: none;
          background-color: ${fd.ButtonFace};
          border-color: ${fd.GrayText};
          color: ${fd.GrayText};
          opacity: 1;
        }
      `),Xh("accent",I`
        :host([appearance='accent'][disabled]),
        :host([appearance='accent'][disabled]:hover),
        :host([appearance='accent'][disabled]:active) {
          background: ${Wp};
        }

        ${zh}
      `.withBehaviors(pd(I`
            :host([appearance='accent'][disabled]) .control,
            :host([appearance='accent'][disabled]) .control:hover {
              background: ${fd.ButtonFace};
              border-color: ${fd.GrayText};
              color: ${fd.GrayText};
            }
          `))),Xh("lightweight",I`
        :host([appearance='lightweight'][disabled]:hover),
        :host([appearance='lightweight'][disabled]:active) {
          background-color: transparent;
          color: ${qp};
        }

        :host([appearance='lightweight'][disabled]) .content::before,
        :host([appearance='lightweight'][disabled]:hover) .content::before,
        :host([appearance='lightweight'][disabled]:active) .content::before {
          background: transparent;
        }

        ${Zh}
      `.withBehaviors(pd(I`
            :host([appearance='lightweight'][disabled]) .control {
              forced-color-adjust: none;
              color: ${fd.GrayText};
            }

            :host([appearance='lightweight'][disabled]) .control:hover .content::before {
              background: none;
            }
          `))),Xh("outline",I`
        :host([appearance='outline'][disabled]:hover),
        :host([appearance='outline'][disabled]:active) {
          background: transparent;
          border-color: ${ph};
        }

        ${Yh}
      `.withBehaviors(pd(I`
            :host([appearance='outline'][disabled]) .control {
              border-color: ${fd.GrayText};
            }
          `))),Xh("stealth",I`
        :host([appearance='stealth'][disabled]),
        :host([appearance='stealth'][disabled]:hover),
        :host([appearance='stealth'][disabled]:active) {
          background: ${sh};
        }

        ${Kh}
      `.withBehaviors(pd(I`
            :host([appearance='stealth'][disabled]),
            :host([appearance='stealth'][disabled]:hover) {
              background: ${fd.ButtonFace};
            }

            :host([appearance='stealth'][disabled]) .control {
              background: ${fd.ButtonFace};
              border-color: transparent;
              color: ${fd.GrayText};
            }
          `)))),shadowOptions:{delegatesFocus:!0}}),ff=(e,t)=>new Intl.NumberFormat(e,{style:"currency",...t}),gf=(ff("en-US",{currency:"USD",minimumFractionDigits:0,maximumFractionDigits:0}),ff(navigator.language,{currency:"USD"})),Ef=new Intl.NumberFormat;var Tf=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};const mf=I`
  .rewardsRowStyle {
    padding: 14px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'icon points link';
    column-gap: 12px;
  }

  .rewardsRowStyle:hover,
  :focus {
    background-color: ${An.buttonBackgroundHover};
    outline: 0;
    text-decoration: none !important;
  }

  @media (prefers-color-scheme: dark) {
    .rewardsRowStyle:hover,
    :focus {
      background-color: ${An.darkModeButtonBackgroundHover};
      outline: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    .rewardsRowStyle:hover,
    :focus {
      background-color: highlight;
      outline: 0;
    }
  }

  .rewardsIcon {
    grid-area: icon;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: rgba(4, 115, 206, 0.08);
    display: inline-grid;
    justify-content: center;
    align-content: center;
  }

  @media (prefers-color-scheme: dark) {
    .rewardsIcon {
      background-color: rgb(76, 89, 99);
    }
    .rewardsIcon path {
      fill: ${An.darkModeNormalText};
    }
  }

  .rewardsLabel {
    font-size: 12px;
    justify-self: start;
    align-self: start;
  }

  .rewardPoints {
    font-weight: 600;
    font-size: 14px;
    justify-self: start;
    align-self: end;
  }

  .rewardsLink {
    font-size: 12px;
    line-height: 16px;
    color: #115ea3;
    justify-self: end;
    align-self: end;
    text-decoration: none;
  }

  @media (prefers-color-scheme: dark) {
    .rewardsLink {
      color: #479ef5;
      border-bottom-color: #479ef5;
    }
  }

  .rewardsLink:hover,
  .rewardsLink:focus {
    background: none !important;
    text-decoration: underline !important;
  }
`,Nf=re`
  <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M12.5277 0.501221C13.3562 0.501221 14.0277 1.17279 14.0277 2.00122V3.39679C14.0277 4.33588 13.5015 5.19575 12.6652 5.62303L8.47646 7.76374C9.7019 8.32019 10.5541 9.55468 10.5541 10.9882C10.5541 12.943 8.96942 14.5277 7.0146 14.5277C5.05977 14.5277 3.47507 12.943 3.47507 10.9882C3.47507 9.55468 4.32729 8.32019 5.55273 7.76374L1.36398 5.62303C0.583481 5.22424 0.0730113 4.4486 0.00841761 3.58345L0.00146484 3.39679V2.00122C0.00146484 1.17279 0.673038 0.501221 1.50146 0.501221H12.5277ZM7.0146 8.4487C5.61206 8.4487 4.47507 9.58568 4.47507 10.9882C4.47507 12.3908 5.61206 13.5277 7.0146 13.5277C8.41714 13.5277 9.55412 12.3908 9.55412 10.9882C9.55412 9.58568 8.41714 8.4487 7.0146 8.4487ZM9.55346 1.50122H4.47446V6.08922L6.7871 7.27097C6.92998 7.34398 7.09921 7.34398 7.24209 7.27097L9.55346 6.08922V1.50122ZM3.47446 1.50122H1.50146C1.22532 1.50122 1.00146 1.72508 1.00146 2.00122V3.39679L1.00797 3.53654C1.05538 4.04443 1.35904 4.49753 1.81897 4.73253L3.47446 5.57822V1.50122ZM12.5277 1.50122H10.5535V5.57822L12.2102 4.73253C12.712 4.47617 13.0277 3.96024 13.0277 3.39679V2.00122C13.0277 1.72508 12.8039 1.50122 12.5277 1.50122Z"
      fill="#036AC4"
    />
  </svg>
`,_f=re`
  <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M8.49652 13.8028L14.7408 7.4994C16.4252 5.78856 16.4199 3.02549 14.7239 1.31248C13.0611 -0.367087 10.3961 -0.410511 8.69784 1.19085C8.66122 1.22538 8.62506 1.26067 8.58936 1.29673L7.99299 1.90026L7.38843 1.28963C7.35529 1.25615 7.32175 1.22333 7.28783 1.19115C5.58595 -0.422752 2.91654 -0.398074 1.26122 1.2739C-0.427101 2.9792 -0.418861 5.75003 1.27679 7.46274L7.55368 13.8028C7.81404 14.0657 8.23617 14.0657 8.49652 13.8028ZM9.3 2.00029C10.5964 0.691344 12.7025 0.692029 14.0133 2.01604C15.3253 3.34123 15.3272 5.47733 14.0292 6.7968L14.0282 6.79782L8.02517 12.8576L1.98743 6.75918C0.674081 5.43262 0.672858 3.28952 1.97185 1.97746C3.26525 0.671056 5.36984 0.672076 6.6778 1.99319L7.63801 2.96305C7.8338 3.16081 8.15338 3.16066 8.34898 2.96271L9.3 2.00029Z"
      fill="#036AC4"
    />
  </svg>
`,Of=re`
  ${le((e=>e.isVisible),re`
      <div
        class="rewardsRowStyle"
        tabindex="0"
        role="button"
        @click=${(e,t)=>e.onActionLinkClick(t.event)}
        @keydown=${(e,t)=>e.onActionAreaKeyDown(t.event)}
      >
        <div class="rewardsIcon">
          ${e=>e.rewards?.data?.is_give_mode?_f:Nf}
        </div>
        <div style="grid-area: points; display: inherit;">
          <label class="rewardsLabel">${_s.getString("miniWalletRewardsLabel","Microsoft Rewards")}</label>
          <label class="rewardPoints"
            >${e=>bs.miniWalletRewardsRowRewardsPointsBalance([Ef.format(e.rewards?.data?.total_points)])}</label
          >
        </div>
        <div style="grid-area: link; display: inherit;">
          <a class="rewardsLink" @click=${(e,t)=>e.onActionLinkClick(t.event)} href="#">${e=>e.actionText}</a>
        </div>
      </div>
    `)}
`;let bf=class extends Ie{constructor(){super(),this._isvisible=!1,Bs()&&(this.rewards=Ls(ws()))}get rewards(){return R.track(this,"rewards"),this._rewards}set rewards(e){this._rewards=e,R.notify(this,"rewards"),this.isVisible=ks(this._rewards?.data),this.isVisible&&(As(Is.kWalletCardRewardsImpression),Ss(this._rewards.event_type)?As(Is.kWalletCardRewardsImpression_FromCache):As(Is.kWalletCardRewardsImpression_NoCache),this._rewards?.data?.rewards_points>0?(this.actionText=_s.getString("miniWalletRewardsRedeemButtonText","Redeem"),As(Is.kWalletCardRewardsRedeemLinkImpression)):(this.actionText=_s.getString("miniWalletRewardsEarnButtonText","Earn"),As(Is.kWalletCardRewardsEarnLinkImpression)),this._rewards?.data?.is_give_mode?As(Is.kWalletCardRewardsImpression_GiveMode):As(Is.kWalletCardRewardsImpression_NonGiveMode))}get isVisible(){return R.track(this,"isVisible"),this._isvisible}set isVisible(e){this._isvisible=e,R.notify(this,"isVisible")}onActionAreaKeyDown(e){return e.key!==Ce&&e.key!==ve||this.onActionLinkClick(e),!0}onActionLinkClick(e){As(Is.kWalletCardRewardsClicked),this.rewards?.data.rewards_points>0?(As(Is.kWalletCardRewardsRedeemLinkClicked),this._rewards?.data?.is_give_mode?Dt.navigateToUrl(Re.microsoftRewardsGiveDashboardURL):Dt.navigateToUrl(Re.microsoftRewardsRedeemURL)):(As(Is.kWalletCardRewardsEarnLinkClicked),Dt.navigateToUrl(Re.microsoftRewardsDashboardURL)),this._rewards?.data?.is_give_mode?As(Is.kWalletCardRewardsClicked_GiveMode):As(Is.kWalletCardRewardsClicked_NonGiveMode),e.stopPropagation()}};Tf([y],bf.prototype,"actionText",void 0),bf=Tf([Ae({name:"rewards-row",template:Of,styles:mf})],bf);const If=I`
  .rebatesRowStyle {
    padding: 14px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'icon points link';
    column-gap: 12px;
  }

  .rebatesRowStyle:hover,
  :focus {
    background-color: ${An.buttonBackgroundHover};
    outline: 0;
    text-decoration: none !important;
  }

  @media (prefers-color-scheme: dark) {
    .rebatesRowStyle:hover,
    :focus {
      background-color: ${An.darkModeButtonBackgroundHover};
      outline: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    .rebatesRowStyle:hover,
    :focus {
      background-color: highlight;
      outline: 0;
    }
  }

  .rebatesIcon {
    grid-area: icon;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: rgba(4, 115, 206, 0.08);
    display: inline-grid;
    justify-content: center;
    align-content: center;
  }

  @media (prefers-color-scheme: dark) {
    .rebatesIcon {
      background-color: rgb(76, 89, 99);
    }
    .rebatesIcon path,
    .pendingBalanceIcon path {
      fill: ${An.darkModeNormalText};
    }
    .availableBalanceIcon path {
      fill: '#75FA8D';
    }
  }

  .rebatesLabel {
    font-size: 12px;
    justify-self: start;
    align-self: start;
  }

  .rebatesPoints {
    font-weight: 600;
    font-size: 14px;
    justify-self: start;
    align-self: end;
  }

  .rebatesPointsContainer {
    display: flex;
    align-items: center;
  }

  .rebatesLink {
    font-size: 12px;
    line-height: 16px;
    color: #115ea3;
    justify-self: end;
    align-self: end;
    text-decoration: none;
  }

  @media (prefers-color-scheme: dark) {
    .rebatesLink {
      color: #479ef5;
      border-bottom-color: #479ef5;
    }
  }

  .rebatesLink:hover,
  .rebatesLink:focus {
    background: none !important;
    text-decoration: underline !important;
  }

  .pendingBalanceIcon,
  .availableBalanceIcon {
    width: 16px;
    height: 17px;
    gap: 5px;
  }

  .availableBalanceContainer {
    margin-right: 10px;
    display: flex;
    margin-top: 4px;
  }

  .pendingBalanceContainer {
    margin-top: 3px;
    display: flex;
  }

  .linkContainer {
    grid-area: link;
    display: inherit;
  }

  .linkContainerV2 {
    grid-area: link;
    display: inherit;
    padding-bottom: 4px;
  }
`,Af=re`
  ${le((e=>e.isVisible),re`
      <div
        class="rebatesRowStyle"
        tabindex="0"
        role="button"
        @click=${(e,t)=>e.onActionLinkClick(t.event)}
        @keydown=${(e,t)=>e.onActionAreaKeyDown(t.event)}
      >
        <div class="rebatesIcon">
          <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M13.1881 1.14808C12.8129 0.767947 12.3012 0.553671 11.7671 0.55299L2.33005 0.540968C1.22448 0.539559 0.3275 1.4354 0.3275 2.54097L0.3275 9.53905C0.3275 10.6436 1.22293 11.5391 2.3275 11.5391H11.7049C12.2363 11.5391 12.7459 11.3275 13.1212 10.9512L16.6162 7.4458C17.3917 6.66803 17.3949 5.41045 16.6234 4.62876L13.1881 1.14808ZM11.7659 1.55299C12.0329 1.55333 12.2887 1.66047 12.4763 1.85053L15.9117 5.33121C16.2974 5.72206 16.2958 6.35085 15.9081 6.73973L12.413 10.2451C12.2254 10.4333 11.9706 10.5391 11.7049 10.5391H2.3275C1.77521 10.5391 1.3275 10.0913 1.3275 9.53905L1.3275 2.54097C1.3275 1.98818 1.77599 1.54026 2.32877 1.54097L11.7659 1.55299Z"
              fill="#036AC4"
            />
          </svg>
        </div>
        <div style="grid-area: points; display: inherit;">
          <label class="rebatesLabel">${_s.getString("miniWalletRebatesLabel","Microsoft Cashback")}</label>
          <div class="rebatesPointsContainer">
            ${e=>e.getAvailableBalanceContent(e.rebates?.data)}
            ${e=>e.getPendingBalanceContent(e.rebates?.data)}
          </div>
        </div>
        <div class=${Rs()?"linkContainerV2":"linkContainer"}>
          <a class="rebatesLink" @click=${(e,t)=>e.onActionLinkClick(t.event)} href="#">
            ${e=>e.rebates?.data?.available_balance>0?_s.getString("miniWalletRebatesGetPaidButtonText","Get Paid"):_s.getString("miniWalletRebatesExploreDealsButtonText","Explore deals")}
          </a>
        </div>
      </div>
    `)}
`;let Cf=class extends Ie{constructor(){super(),this._isvisible=!1,Bs()&&(this.rebates=Fs(ws()))}get rebates(){return R.track(this,"rebates"),this._rebates}set rebates(e){this._rebates=e,R.notify(this,"rebates"),this.isVisible=Ms(this._rebates?.data),this.isVisible&&(As(Is.kWalletCardRebatesImpression),Ss(this._rebates.event_type)?As(Is.kWalletCardRebatesImpression_FromCache):As(Is.kWalletCardRebatesImpression_NoCache))}get isVisible(){return R.track(this,"isVisible"),this._isvisible}set isVisible(e){this._isvisible=e,R.notify(this,"isVisible")}onActionLinkClick(e){As(Is.kWalletCardRebatesValueClicked),Dt.navigateToUrl(this.rebates?.data?.available_balance>0?Re.microsoftRebatesPayoutURL:Re.microsoftRebatesDealsURL),e.stopPropagation()}onActionAreaKeyDown(e){return e.key!==Ce&&e.key!==ve||this.onActionLinkClick(e),!0}getAvailableBalanceContent(e){const t=re`<label class="rebatesPoints"
      >${e?.formatted_available_balance?e?.formatted_available_balance:gf.format(e?.available_balance)}</label
    >`;return Rs()&&e?.available_balance>0?re`<div
        class="availableBalanceContainer"
        title="${_s.getString("miniWalletCashbackEarnedBalanceTooltip","Available balance")}"
      >
        <div>
          <svg class="availableBalanceIcon" viewBox="0 -2 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3ZM7.24953 9.04242L10.1203 6.16398C10.3153 5.96846 10.6319 5.96803 10.8274 6.16304C11.0012 6.33637 11.0208 6.60577 10.8861 6.80082L10.8283 6.87014L7.60403 10.1031C7.43053 10.277 7.16082 10.2965 6.96576 10.1615L6.89645 10.1036L5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645C5.32001 7.47288 5.58944 7.4536 5.78431 7.58859L5.85355 7.64645L7.24953 9.04242L10.1203 6.16398L7.24953 9.04242Z"
              fill="#107C10"
            />
          </svg>
        </div>
        <div>${t}</div>
      </div>`:Rs()&&e?.pending_balance>0?void 0:t}getPendingBalanceContent(e){if(Rs()&&e?.pending_balance>0)return re`<div
        title="${_s.getString("miniWalletCashbackPendingBalanceTooltip","Pending balance")}"
        class="pendingBalanceContainer"
      >
        <div>
          <svg class="pendingBalanceIcon" viewBox="0 -2 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M3.00256 3.41029C2.97853 2.58375 3.801 2 4.68127 2H11.3208C12.201 2 13.0235 2.58371 12.9995 3.41023C12.9742 4.28185 12.7596 4.94514 12.433 5.47277C12.1071 5.9991 11.6851 6.36524 11.292 6.65632C11.1562 6.75692 11.0165 6.85364 10.8893 6.94173C10.8378 6.97738 10.7883 7.01162 10.742 7.04413C10.5733 7.16248 10.4348 7.26546 10.3217 7.36898C10.1093 7.56333 10.0016 7.74392 10.0016 8C10.0016 8.25626 10.1092 8.43691 10.3212 8.63116C10.4341 8.73465 10.5725 8.83759 10.7409 8.95592C10.7873 8.98852 10.8368 9.02287 10.8885 9.05864C11.0154 9.14662 11.1547 9.24321 11.2902 9.34362C11.6829 9.63464 12.1046 10.0006 12.4304 10.5267C12.7571 11.0541 12.9721 11.7171 12.9984 12.5883C13.0234 13.4154 12.2005 14 11.3196 14H4.67923C3.79837 14 2.97547 13.4154 3.00056 12.5883C3.02699 11.7169 3.24232 11.0539 3.56937 10.5265C3.89561 10.0005 4.31773 9.63447 4.71078 9.34348C4.84637 9.2431 4.98581 9.14654 5.11283 9.05859C5.16453 9.02279 5.21417 8.98841 5.26066 8.95579C5.42924 8.83746 5.56771 8.73451 5.68076 8.63101C5.89296 8.43675 6.00056 8.25617 6.00051 8.00007C6.00047 7.74397 5.89275 7.56335 5.68034 7.36899C5.5672 7.26546 5.42864 7.16248 5.25999 7.04413C5.21367 7.01162 5.16424 6.97739 5.11277 6.94175C4.98554 6.85365 4.84585 6.75693 4.70999 6.65632C4.31691 6.36524 3.89491 5.99911 3.56909 5.47278C3.24247 4.94516 3.0279 4.28189 3.00256 3.41029ZM4.68127 2.85714C4.27678 2.85714 3.99455 3.11489 4.00252 3.38894C4.02454 4.14654 4.20837 4.67637 4.45274 5.07111C4.6979 5.46714 5.01945 5.75263 5.36402 6.00779C5.48686 6.09875 5.60539 6.18082 5.72713 6.26509C5.7818 6.30294 5.83712 6.34124 5.89376 6.38099C6.06867 6.50374 6.2499 6.63619 6.41044 6.78309C6.74541 7.08959 7.00069 7.46982 7.00078 7.99993C7.00088 8.52996 6.74589 8.9102 6.41103 9.21676C6.25055 9.36367 6.06938 9.49613 5.89448 9.61889C5.83759 9.65882 5.78204 9.69728 5.72713 9.73529C5.60566 9.81939 5.48736 9.90129 5.36471 9.99209C5.02005 10.2472 4.69825 10.5327 4.45267 10.9288C4.20789 11.3235 4.02346 11.8532 4.00049 12.6106C3.99218 12.8848 4.27442 13.1429 4.67923 13.1429H11.3196C11.7244 13.1429 12.0067 12.8848 11.9984 12.6105C11.9756 11.8531 11.7914 11.3233 11.5469 10.9286C11.3016 10.5325 10.9802 10.2471 10.6359 9.99194C10.5134 9.90112 10.3951 9.8192 10.2738 9.73508C10.2189 9.6971 10.1635 9.65866 10.1067 9.61876C9.93197 9.496 9.75095 9.36354 9.59062 9.21661C9.25604 8.91004 9.00133 8.52987 9.00133 8C9.00133 7.46987 9.25658 7.08961 9.59155 6.78309C9.75209 6.63619 9.93332 6.50373 10.1082 6.38098C10.1649 6.34122 10.2202 6.30291 10.2749 6.26505C10.3967 6.18078 10.5152 6.09873 10.638 6.00777C10.9826 5.75261 11.3042 5.46712 11.5493 5.07109C11.7937 4.67635 11.9775 4.14652 11.9995 3.38891C12.0075 3.11487 11.7253 2.85714 11.3208 2.85714H4.68127Z"
              fill="#616161"
            />
          </svg>
        </div>
        <div>
          <label class="rebatesPoints"
            >${e?.formatted_pending_balance?e?.formatted_pending_balance:gf.format(e?.pending_balance)}</label
          >
        </div>
      </div>`}};Cf=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([Ae({name:"rebates-row",template:Af,styles:If})],Cf);var vf=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};const Rf=I`
  .etreeRowStyle {
    padding: 14px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'icon points link';
    column-gap: 12px;
  }

  .etreeRowStyle:hover,
  :focus {
    background-color: ${An.buttonBackgroundHover};
    outline: 0;
    text-decoration: none !important;
  }

  @media (prefers-color-scheme: dark) {
    .etreeRowStyle:hover,
    :focus {
      background-color: ${An.darkModeButtonBackgroundHover};
      outline: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    .etreeRowStyle:hover,
    :focus {
      background-color: highlight;
      outline: 0;
    }
  }

  .etreeIcon {
    grid-area: icon;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: rgba(4, 115, 206, 0.08);
    display: inline-grid;
    justify-content: center;
    align-content: center;
    border-bottom: 1px solid transparent;
  }

  @media (prefers-color-scheme: dark) {
    .etreeIcon {
      background-color: rgb(76, 89, 99);
    }
    .etreeIcon path {
      fill: ${An.darkModeNormalText};
    }
  }

  .etreeLabel {
    font-size: 12px;
    justify-self: start;
    align-self: start;
  }

  .etreeDescription {
    font-weight: 600;
    font-size: 14px;
    justify-self: start;
    align-self: end;
  }

  .etreeLink {
    font-size: 12px;
    line-height: 16px;
    color: #115ea3;
    justify-self: end;
    align-self: end;
    text-decoration: none;
  }

  @media (prefers-color-scheme: dark) {
    .etreeLink {
      color: #479ef5;
      border-bottom-color: #479ef5;
    }
  }

  .etreeLink:hover,
  .etreeLink:focus {
    background: none !important;
    text-decoration: underline !important;
  }
`,yf=re`
  ${le((e=>e.isVisible),re`
      <div
        class="etreeRowStyle"
        tabindex="0"
        role="button"
        @click=${(e,t)=>e.onActionLinkClick(t.event)}
        @keydown=${(e,t)=>e.onActionAreaKeyDown(t.event)}
      >
        <div class="etreeIcon">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M3.96407 7.16962C4.31087 5.44567 5.51414 4.03165 7.11099 3.39047C7.96353 2.53174 9.145 2 10.4507 2C12.127 2 13.5986 2.87652 14.4322 4.19625C15.9853 4.66029 17.1175 6.09989 17.1175 7.80392C17.1175 7.89049 17.1146 7.97639 17.1088 8.06151C17.653 8.71434 17.9804 9.55423 17.9804 10.4706C17.9804 12.5237 16.337 14.1929 14.2939 14.2345V14.2353H14.2223L14.2157 14.2353L14.2091 14.2353H6.77355L6.76471 14.2353C4.68552 14.2353 3 12.3391 3 10C3 8.91196 3.3647 7.91974 3.96407 7.16962ZM4.92438 7.65257C5.13743 6.12325 6.14013 4.84673 7.5073 4.24815C8.23578 3.44534 9.28749 2.9412 10.4569 2.9412C11.958 2.9412 13.265 3.77172 13.9436 4.9983C15.2421 5.44 16.1763 6.66974 16.1763 8.11769C16.1763 8.19857 16.1734 8.27877 16.1677 8.3582C16.7504 8.87543 17.1176 9.63012 17.1176 10.4706C17.1176 12.03 15.8535 13.2941 14.2941 13.2941H14.294V13.2941H7.18294L7.18302 13.2937C5.38789 13.2657 3.94129 11.8018 3.94129 9.99999C3.94129 9.08109 4.31754 8.25007 4.92438 7.65257ZM8.64702 14.2353V17C8.64702 17.5522 9.09473 18 9.64702 18H11.4117C11.964 18 12.4117 17.5522 12.4117 17V14.2353H11.4709V16.6588C11.4709 16.8797 11.2919 17.0588 11.0709 17.0588H9.98859C9.76767 17.0588 9.58859 16.8797 9.58859 16.6588V14.2353H8.64702Z"
              fill="#3267FA"
            />
          </svg>
        </div>
        <div style="grid-area: points; display: inherit;">
          <label class="etreeLabel">${_s.getString("miniWalletEtreeLabel","E-tree")}</label>
          <label class="etreeDescription">${e=>e.descriptionText}</label>
        </div>
        <div style="grid-area: link; display: inherit;">
          <a class="etreeLink" @click=${(e,t)=>e.onActionLinkClick(t.event)} href="#">${e=>e.actionText}</a>
        </div>
      </div>
    `)}
`;let Sf=class extends Ie{constructor(){super(),this._isvisible=!1,Bs()&&(this.etree=Ws(ws()))}get etree(){return R.track(this,"etree"),this._etree}set etree(e){this._etree=e,R.notify(this,"etree"),this.isVisible=xs(this._etree?.data),this.isVisible&&As(Is.kWalletCardEtreeImpression),Ps(this._etree?.data)?Ds(this._etree?.data)?(this.descriptionText=_s.getStringFWithDefaultValue("miniWalletEtreeLevelLabel","Level $1",this._etree?.data?.etree_level),this.actionText=_s.getString("miniWalletEtreeViewCertificateButtonText","View certificate"),As(Is.kWalletCardEtreeCertificateLinkImpression)):(this.descriptionText=_s.getStringFWithDefaultValue("miniWalletEtreeLevelLabel","Level $1",this._etree?.data?.etree_level),this.actionText=_s.valueExists("miniWalletEtreeGrowMyTreeButtonText")?_s.getString("miniWalletEtreeGrowMyTreeButtonText","Grow my tree"):_s.getString("miniWalletEtreeGoToPlantButtonText","Go to plant"),As(Is.kWalletCardEtreeLevelLinkImpression)):(this.descriptionText=_s.valueExists("miniWalletEtreePlantRealTreeLabel")?_s.getString("miniWalletEtreePlantRealTreeLabel","Plant a real tree"):_s.getString("miniWalletEtreeEnrollLabel","Get 10 drops"),this.actionText=_s.valueExists("miniWalletEtreeGrowMyTreeButtonText")?_s.getString("miniWalletEtreeGrowMyTreeButtonText","Grow my tree"):_s.getString("miniWalletEtreeEnrollButtonText","Get started"),As(Is.kWalletCardEtreeEnrollLinkImpression))}get isVisible(){return R.track(this,"isVisible"),this._isvisible}set isVisible(e){this._isvisible=e,R.notify(this,"isVisible")}onActionLinkClick(e){As(Is.kWalletCardEtreeClicked),Ps(this._etree?.data)?Ds(this._etree?.data)?As(Is.kWalletCardEtreeClicked_Certificate):As(Is.kWalletCardEtreeClicked_Level):As(Is.kWalletCardEtreeClicked_Enroll),Dt.navigateToUrl(Ct(At(Re.walletEtreeURL,"profileflyout"),"MiniWalletEtree")),e.stopPropagation()}onActionAreaKeyDown(e){return e.key!==Ce&&e.key!==ve||this.onActionLinkClick(e),!0}};vf([y],Sf.prototype,"actionText",void 0),vf([y],Sf.prototype,"descriptionText",void 0),Sf=vf([Ae({name:"etree-row",template:yf,styles:Rf})],Sf);Xc.getOrCreate(undefined).withPrefix("fluent").register(Sh(),Jh(),tf(),hf());const wf=e=>{e.preventDefault()},kf=I`
  .root {
    width: 298px;
    background-color: ${An.whiteBackground};
    color: var(--neutral-foreground-rest);
    direction: ${ke?.valueExists("textdirection")&&"rtl"===ke.getValue("textdirection")?"rtl":"ltr"};
  }

  .root fluent-divider {
    margin: 0px;
  }

  @media (prefers-color-scheme: dark) {
    .root {
      background-color: ${An.darkMiniWalletBackground};
    }

    .root fluent-divider {
      border-color: ${An.miniWalletDividerDarkMode};
    }
  }
`,Mf=re`
  <fluent-design-system-provider use-defaults>
    <div class="root">
      ${re`<wallet-header :content_flags=${e=>e.content_flags}></wallet-header> `}
      ${le((e=>e.isAnyRowVisible),re`<fluent-divider></fluent-divider>`)}
      ${re`<rewards-row :rewards=${e=>e.rewards}></rewards-row> `}
      ${le((e=>e.isRebatesRowVisible),re`<rebates-row :rebates=${e=>e.rebates}></rebates-row> `)}
      ${le((e=>e.isEtreeRowVisible),re`<etree-row :etree=${e=>e.etree}></etree-row> `)}
      ${le((e=>e.isNotificationVisible),re` <fluent-divider></fluent-divider
          ><notification-container
            :notification=${e=>e.notification}
            :appName=${e=>e.appName}
          ></notification-container>`)}
    </div>
  </fluent-design-system-provider>
`;let xf=class extends Ie{constructor(){super(),this._isNotificationVisible=!1,this._isAnyRowVisible=!1,this._isRebatesRowVisible=!1,this._isEtreeRowVisible=!1,window.addEventListener("error",(function(e){e.error&&gt(e,"mini-wallet")})),this.appName=ct.MiniWallet,function(e,t){Rc[e]=Rc[e]||{};const i=Cc++;Rc[e][i]=t}("mini-wallet-data-updated",(e=>{this.parseWalletContentsData(e)})),this.parseWalletContentsData(ws())}get content_flags(){return R.track(this,"content_flags"),this._content_flags}set content_flags(e){this._content_flags=e,R.notify(this,"content_flags")}get notification(){return R.track(this,"notification"),this._notification}set notification(e){this._notification=e,R.notify(this,"notification")}get isNotificationVisible(){return R.track(this,"isNotificationVisible"),this._isNotificationVisible}set isNotificationVisible(e){this._isNotificationVisible=e,R.notify(this,"isNotificationVisible")}get rewards(){return R.track(this,"rewards"),this._rewards}set rewards(e){this._rewards=e,R.notify(this,"rewards")}get rebates(){return R.track(this,"rewards"),this._rebates}set rebates(e){this._rebates=e,R.notify(this,"rewards")}get etree(){return R.track(this,"etree"),this._etree}set etree(e){this._etree=e,R.notify(this,"etree")}get isAnyRowVisible(){return R.track(this,"isAnyRowVisible"),this._isAnyRowVisible}set isAnyRowVisible(e){this._isAnyRowVisible=e,R.notify(this,"isAnyRowVisible")}get isRebatesRowVisible(){return R.track(this,"isRebatesRowVisible"),this._isRebatesRowVisible}set isRebatesRowVisible(e){this._isRebatesRowVisible=e,R.notify(this,"isRebatesRowVisible")}get isEtreeRowVisible(){return R.track(this,"isEtreeRowVisible"),this._isEtreeRowVisible}set isEtreeRowVisible(e){this._isEtreeRowVisible=e,R.notify(this,"isEtreeRowVisible")}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-color-scheme: dark)"),t=e=>{const t=e.matches?cu.DarkMode:cu.LightMode,i=this.shadowRoot.querySelector("fluent-design-system-provider");Vu.setValueFor(i,t)};t(e),e.addEventListener("change",t),document.addEventListener("contextmenu",wf),As(Is.kWalletCardImpression)}updateNotificationData(e){this.notification=e?.should_show_notification&&null!=e.notification_data?(e=>{const t=e.type;switch(t){case st.CardExpiring:case st.CardExpired:case st.RoamCard:case st.CardTokenizationEligible:{const i=JSON.parse(e.data);return It(!1===i.isLocal,it(i.network)),{type:t,dataKey:e.key,data:null,previewData:i}}case st.PackageTracking:case st.Rebates:case st.PasswordLeakage:case st.UpcomingHotelReservations:case st.FeaturePromotion:case st.DonationSummary:return{type:t,dataKey:e.key,previewData:JSON.parse(e.data)};case st.PersonalizedOffersAvailable:return{type:t,dataKey:e.key,data:null,previewData:JSON.parse(e.data)};case st.SignupCryptoWallet:case st.EtreeCampaign:case st.PWAPromotion:return{type:t,dataKey:e.key};case st.Etree:case st.DonationTrendNpo:return{type:t,dataKey:e.key,data:e?.data?JSON.parse(e?.data):null}}})(e.notification_data):null,this.isNotificationVisible=null!=this.notification}parseWalletContentsData(e){this.updateNotificationData(e),this.rewards=Ls(e),this.rebates=Fs(e),this.etree=Ws(e),this.content_flags=e?.content_flags,this.isRebatesRowVisible=this.shouldDisplayRebatesRow(),this.isEtreeRowVisible=this.shouldDisplayEtreeRow(),this.isAnyRowVisible=ks(this.rewards?.data)||this.isRebatesRowVisible||this.isEtreeRowVisible}shouldDisplayRebatesRow(){return!!Ms(this.rebates?.data)}shouldDisplayEtreeRow(){return!(this.isRebatesRowVisible&&this.isNotificationVisible||!xs(this.etree?.data)||(e=this.content_flags,!function(e,t){return(e&t)>0}(e,Cs.Etree)));var e}disconnectedCallback(){window.removeEventListener("error",(e=>gt(e,"mini-wallet"))),document.removeEventListener("contextmenu",wf)}};xf=function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t