https://www.firstdentalhealth.com/profiles/contrib/houston/modules…ry-navigation-utility-menu-item.B7WUFUhA.js

1import { b as m } from "./lit-element.chunk-B6Olh1kf.js";
2import { n as d } from "./state.chunk-B35jHvjT.js";
3import { pdsCustomElement as p } from "./pds-custom-element.C-DkuQLk.js";
4import { P as c } from "./PdsElement.chunk-BX0ldsof.js";
5import { required as u } from "./required.BZ0rTH-S.js";
6import { r as v } from "./requiredSlot.chunk-SIXtZlej.js";
7import { d as y } from "./dispatch-pds-event.chunk-CbFus9jr.js";
8const f = '*,::slotted(*),*:before,*:after{box-sizing:border-box}.pds-c-primary-navigation-utility-menu-item{position:relative}.pds-c-primary-navigation-utility-menu-item__link{font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);appearance:none;border:none;background:var(--pds-component-primary-nav-inverted-background);display:inline-flex;align-items:center;width:100%;text-decoration:none;text-underline-offset:calc(var(--pds-base-unit) * .75);color:var(--pds-primary-navigation-utility-menu-item-link-color)}@media all and (min-width:1024px){.pds-c-primary-navigation-utility-menu-item__link{width:auto;border-radius:20px;background:transparent;padding:calc(var(--pds-base-unit) * .25) calc(var(--pds-base-unit) * 1);color:var(--pds-primary-navigation-utility-menu-item-link-color)}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.pds-c-primary-navigation-utility-menu-item__link:hover{color:var(--pds-primary-navigation-utility-menu-item-link-hover-color);background-color:var(--pds-primary-navigation-utility-menu-item-link-hover-background);text-decoration:none}}@media all and (min-width:1024px){.pds-c-primary-navigation-utility-menu-item__link:focus{color:var(--pds-primary-navigation-utility-menu-item-link-hover-color);background-color:var(--pds-primary-navigation-utility-menu-item-link-hover-background);text-decoration:none}.pds-c-primary-navigation-utility-menu-item__link:active{color:var(--pds-primary-navigation-utility-menu-item-link-active-color)}.pds-c-primary-navigation-utility-menu-item__link .pds-c-primary-navigation-utility-menu-item__arrow{display:none}}@media all and not (min-width:1024px){a.pds-c-primary-navigation-utility-menu-item__link[href]{--pds-icon-color-override: var( --pds-primary-navigation-utility-menu-item-href-color );font-weight:var(--pds-semantic-type-body-bold-default-font-weight);font-size:var(--pds-semantic-type-body-bold-default-font-size);line-height:var(--pds-semantic-type-body-bold-default-line-height);font-family:var(--pds-semantic-type-body-bold-default-font-family);letter-spacing:var(--pds-semantic-type-body-bold-default-letter-spacing);text-transform:var(--pds-semantic-type-body-bold-default-text-transform);background:none;cursor:pointer;color:var(--pds-primary-navigation-utility-menu-item-href-color)}}@media(not (min-width:1024px))and (hover:hover)and (pointer:fine){a.pds-c-primary-navigation-utility-menu-item__link[href]:hover{--pds-icon-color-override: var( --pds-primary-navigation-utility-menu-item-href-hover-color );color:var(--pds-primary-navigation-utility-menu-item-href-hover-color);text-decoration:underline}}@media all and not (min-width:1024px){.pds-c-primary-navigation-utility-menu-item__arrow{margin-left:calc(var(--pds-base-unit) * .5)}}a.pds-c-primary-navigation-utility-menu-item__link:focus-visible{outline:none}a.pds-c-primary-navigation-utility-menu-item__link:focus-visible:before{content:"";position:absolute;inset:-2px;border:2px solid var(--pds-primary-navigation-utility-menu-item-link-outline-color)}';
9var g = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (e, i, r, a) => {
10  for (var t = a > 1 ? void 0 : a ? h(i, r) : i, o = e.length - 1, l; o >= 0; o--)
11    (l = e[o]) && (t = (a ? l(i, r, t) : l(t)) || t);
12  return a && t && g(i, r, t), t;
13};
14let n = class extends c {
15  handleClick(e) {
16    const i = new CustomEvent(
17      "PdsPrimaryNavigationUtilityMenuItemClick",
18      {
19        bubbles: !0,
20        composed: !0,
21        cancelable: !0,
22        detail: {
23          summary: this.textContent
24        }
25      }
26    );
27    y(i, this), i.defaultPrevented && e.preventDefault();
28  }
29  render() {
30    return m`
31      <li class=${this.getClass()} role="menuitem">
32        <a
33          @click=${this.handleClick}
34          class="${this.classEl("link")}"
35          href=${this.href}
36        >
37          <slot class="${this.classEl("text")}"></slot>
38          <pds-icon-arrow-right
39            class="${this.classEl("arrow")}"
40            size="sm"
41          ></pds-icon-arrow-right>
42        </a>
43      </li>
44    `;
45  }
46};
47s([
48  u,
49  d()
50], n.prototype, "href", 2);
51s([
52  v(["default"])
53], n.prototype, "render", 1);
54n = s([
55  p("pds-primary-navigation-utility-menu-item", {
56    category: "component",
57    type: "component",
58    state: "stable",
59    styles: f
60  })
61], n);
62export {
63  n as PdsPrimaryNavigationUtilityMenuItem
64};
65//# sourceMappingURL=primary-navigation-utility-menu-item.B7WUFUhA.js.map