{"version":3,"sources":["jsdelivr-header.js","/npm/@umbraco-ui/uui-menu-item@1.16.0/lib/index.js"],"names":[],"mappings":"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","file":"/npm/@umbraco-ui/uui-menu-item@1.16.0/lib/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@umbraco-ui/uui-menu-item@1.16.0/lib/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import { SelectOnlyMixin, SelectableMixin, ActiveMixin, LabelMixin } from '@umbraco-ui/uui-base/lib/mixins';\nimport { defineElement } from '@umbraco-ui/uui-base/lib/registration';\nimport { demandCustomElement } from '@umbraco-ui/uui-base/lib/utils';\nimport { LitElement, html, css } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { UUIEvent } from '@umbraco-ui/uui-base/lib/events';\n\nclass UUIMenuItemEvent extends UUIEvent {\n  static {\n    this.SHOW_CHILDREN = \"show-children\";\n  }\n  static {\n    this.HIDE_CHILDREN = \"hide-children\";\n  }\n  static {\n    this.CLICK_LABEL = \"click-label\";\n  }\n}\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __typeError = (msg) => {\n  throw TypeError(msg);\n};\nvar __decorateClass = (decorators, target, key, kind) => {\n  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;\n  for (var i = decorators.length - 1, decorator; i >= 0; i--)\n    if (decorator = decorators[i])\n      result = (kind ? decorator(target, key, result) : decorator(result)) || result;\n  if (kind && result) __defProp(target, key, result);\n  return result;\n};\nvar __accessCheck = (obj, member, msg) => member.has(obj) || __typeError(\"Cannot \" + msg);\nvar __privateAdd = (obj, member, value) => member.has(obj) ? __typeError(\"Cannot add the same private member more than once\") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);\nvar __privateMethod = (obj, member, method) => (__accessCheck(obj, member, \"access private method\"), method);\nvar _UUIMenuItemElement_instances, onLabelClicked_fn, renderExpandSymbol_fn;\nlet UUIMenuItemElement = class extends SelectOnlyMixin(\n  SelectableMixin(ActiveMixin(LabelMixin(\"label\", LitElement)))\n) {\n  constructor() {\n    super(...arguments);\n    __privateAdd(this, _UUIMenuItemElement_instances);\n    this.disabled = false;\n    this.showChildren = false;\n    this.hasChildren = false;\n    this.loading = false;\n    this.caretLabel = \"Reveal the underlying items\";\n    this.iconSlotHasContent = false;\n    this._labelButtonChanged = (label) => {\n      this.selectableTarget = label || this;\n    };\n    this._iconSlotChanged = (e) => {\n      this.iconSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;\n    };\n    this._onCaretClicked = () => {\n      const eventName = this.showChildren ? UUIMenuItemEvent.HIDE_CHILDREN : UUIMenuItemEvent.SHOW_CHILDREN;\n      const event = new UUIMenuItemEvent(eventName, { cancelable: true });\n      this.dispatchEvent(event);\n      if (event.defaultPrevented) return;\n      this.showChildren = !this.showChildren;\n    };\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute(\"role\")) this.setAttribute(\"role\", \"menu\");\n    demandCustomElement(this, \"uui-symbol-expand\");\n    demandCustomElement(this, \"uui-loader-bar\");\n  }\n  async focus() {\n    await this.updateComplete;\n    this.shadowRoot?.querySelector(\"#label-button\")?.focus?.();\n  }\n  _renderLabelInside() {\n    return html` <slot\n        name=\"icon\"\n        id=\"icon\"\n        style=${this.iconSlotHasContent ? \"\" : \"display: none;\"}\n        @slotchange=${this._iconSlotChanged}></slot>\n      ${this.renderLabel()}\n      <slot name=\"badge\" id=\"badge\"> </slot>`;\n  }\n  _renderLabelAsAnchor() {\n    if (this.disabled) {\n      return html` <span id=\"label-button\" ${ref(this._labelButtonChanged)}>\n        ${this._renderLabelInside()}\n      </span>`;\n    }\n    return html` <a\n      id=\"label-button\"\n      ${ref(this._labelButtonChanged)}\n      href=${ifDefined(this.href)}\n      target=${ifDefined(this.target || void 0)}\n      rel=${ifDefined(\n      this.rel || ifDefined(\n        this.target === \"_blank\" ? \"noopener noreferrer\" : void 0\n      )\n    )}\n      @click=${__privateMethod(this, _UUIMenuItemElement_instances, onLabelClicked_fn)}\n      ?disabled=${this.disabled}\n      aria-label=\"${this.label}\">\n      ${this._renderLabelInside()}\n    </a>`;\n  }\n  _renderLabelAsButton() {\n    return html` <button\n      id=\"label-button\"\n      ${ref(this._labelButtonChanged)}\n      @click=${__privateMethod(this, _UUIMenuItemElement_instances, onLabelClicked_fn)}\n      ?disabled=${this.disabled}\n      aria-label=\"${this.label}\">\n      ${this._renderLabelInside()}\n    </button>`;\n  }\n  render() {\n    return html`\n      <div id=\"menu-item\" aria-label=\"menuitem\" role=\"menuitem\">\n        <div id=\"label-button-background\"></div>\n        ${this.hasChildren ? html`<button\n              id=\"caret-button\"\n              aria-label=${this.caretLabel}\n              @click=${this._onCaretClicked}>\n              ${__privateMethod(this, _UUIMenuItemElement_instances, renderExpandSymbol_fn).call(this)}\n            </button>` : \"\"}\n        ${this.href && this.selectOnly !== true && this.selectable !== true ? this._renderLabelAsAnchor() : this._renderLabelAsButton()}\n\n        <slot id=\"actions-container\" name=\"actions\"></slot>\n        ${this.loading ? html`<uui-loader-bar id=\"loader\"></uui-loader-bar>` : \"\"}\n      </div>\n      ${this.showChildren ? html`<slot></slot>` : \"\"}\n    `;\n  }\n};\n_UUIMenuItemElement_instances = new WeakSet();\nonLabelClicked_fn = function() {\n  if (this.selectOnly) return;\n  const event = new UUIMenuItemEvent(UUIMenuItemEvent.CLICK_LABEL);\n  this.dispatchEvent(event);\n};\nrenderExpandSymbol_fn = function() {\n  if (this.renderExpandSymbol) {\n    const result = this.renderExpandSymbol();\n    if (result) {\n      return result;\n    }\n  }\n  return html`<uui-symbol-expand\n      aria-hidden=\"true\"\n      ?open=${this.showChildren}></uui-symbol-expand>`;\n};\nUUIMenuItemElement.styles = [\n  css`\n      :host {\n        box-sizing: border-box;\n        display: block;\n        --uui-menu-item-child-indent: calc(var(--uui-menu-item-indent, 0) + 1);\n        user-select: none;\n        --flat-structure-reversed: calc(\n          1 - var(--uui-menu-item-flat-structure, 0)\n        );\n      }\n\n      #menu-item {\n        position: relative;\n        padding-left: calc(var(--uui-menu-item-indent, 0) * var(--uui-size-4,12px));\n        display: grid;\n        grid-template-columns:\n          calc(var(--flat-structure-reversed) * var(--uui-size-8,24px))\n          1fr;\n        grid-template-rows: 1fr;\n        white-space: nowrap;\n      }\n\n      /** Not active, not selected, not disabled: */\n      :host(:not([active], [selected], [disabled], [select-mode='highlight']))\n        #menu-item:has(#label-button:hover)\n        #label-button-background {\n        background-color: var(\n          --uui-menu-item-background-color-hover,\n          var(--uui-color-surface-emphasis,rgb(\n    250,\n    250,\n    250\n  ))\n        );\n      }\n      :host(:not([active], [selected], [disabled]))\n        #menu-item\n        #label-button:hover,\n      :host(:not([active], [selected])) #menu-item #caret-button:hover {\n        color: var(\n          --uui-menu-item-color-hover,\n          var(--uui-color-interactive-emphasis,#3544b1)\n        );\n      }\n\n      /** Active */\n      :host([active]) #label-button,\n      :host([active]) #caret-button {\n        color: var(\n          --uui-menu-item-color-active,\n          var(--uui-color-current-contrast,#1b264f)\n        );\n      }\n      :host([active]) #label-button-background {\n        background-color: var(\n          --uui-menu-item-background-color-active,\n          var(--uui-color-current,#f5c1bc)\n        );\n      }\n      :host([active])\n        #menu-item:has(#label-button:hover)\n        #label-button-background,\n      :host([active]) #caret-button:hover {\n        background-color: var(\n          --uui-menu-item-background-color-active-hover,\n          var(--uui-color-current-emphasis,rgb(\n    248,\n    214,\n    211\n  ))\n        );\n      }\n\n      /** Disabled */\n      :host([disabled]) #menu-item {\n        background-color: var(\n          --uui-menu-item-background-color-disabled,\n          var(--uui-color-disabled,#f3f3f5)\n        );\n      }\n\n      /** Selected */\n      :host([selected]:not([select-mode='highlight'], [disabled]))\n        #label-button,\n      :host([selected]:not([select-mode='highlight'], [disabled]))\n        #caret-button {\n        color: var(\n          --uui-menu-item-color-selected,\n          var(--uui-color-selected-contrast,#fff)\n        );\n      }\n      :host([selected]:not([select-mode='highlight'], [disabled]))\n        #label-button-background {\n        background-color: var(\n          --uui-menu-item-background-color-selected,\n          var(--uui-color-selected,#3544b1)\n        );\n      }\n      /** Selected, not highlight mode */\n      :host([selected]:not([select-mode='highlight'], [disabled]))\n        #menu-item:has(#label-button:hover)\n        #label-button-background,\n      :host([selected]:not([select-mode='highlight'], [disabled]))\n        #caret-button:hover {\n        background-color: var(\n          --uui-menu-item-background-color-selected-hover,\n          var(--uui-color-selected-emphasis,rgb(\n    70,\n    86,\n    200\n  ))\n        );\n      }\n\n      /** highlight mode, default */\n      :host([select-mode='highlight']:not([disabled], [active], [selectable]))\n        #menu-item:has(#label-button:hover)\n        #label-button-background {\n        border-radius: var(--uui-border-radius,3px);\n        background-color: var(\n          --uui-menu-item-background-color-highlight,\n          var(--uui-color-surface-emphasis,rgb(\n    250,\n    250,\n    250\n  ))\n        );\n      }\n\n      /** highlight mode, active */\n      :host([select-mode='highlight'][active]:not([disabled]))\n        #menu-item\n        #label-button-background {\n        border-radius: var(--uui-border-radius,3px);\n      }\n\n      /** highlight mode, active & selected */\n      :host([select-mode='highlight'][active][selected]:not([disabled]))\n        #menu-item:has(#label-button:hover)\n        #label-button-background {\n        border-radius: var(--uui-border-radius,3px);\n        background-color: var(\n          --uui-menu-item-background-color-highlight-active-selected,\n          var(--uui-color-current-emphasis,rgb(\n    248,\n    214,\n    211\n  ))\n        );\n      }\n\n      /** highlight mode, selected */\n      :host([select-mode='highlight'][selected]:not([disabled]))\n        #menu-item\n        #label-button,\n      :host([select-mode='highlight'][selected]:not([disabled]))\n        #menu-item\n        #caret-button {\n        color: var(\n          --uui-menu-item-color-highlight-selected,\n          var(--uui-color-interactive,#1b264f)\n        );\n      }\n      :host([select-mode='highlight'][selectable][selected]:not([disabled]))\n        #menu-item\n        #label-button:hover {\n        color: var(\n          --uui-menu-item-background-color-highlight-selectable-selected,\n          var(--uui-color-interactive-emphasis,#3544b1)\n        );\n      }\n\n      /** highlight mode, selected, selectable caret hover */\n      :host([selected][selectable][select-mode='highlight']:not([active]))\n        #menu-item\n        #caret-button:hover {\n        border-radius: var(--uui-border-radius,3px);\n        background-color: var(\n          --uui-menu-item-background-color-highlight-selectable-selected,\n          var(--uui-color-surface-emphasis,rgb(\n    250,\n    250,\n    250\n  ))\n        );\n        color: var(\n          --uui-menu-item-color-highlight-selectable-selected,\n          var(--uui-color-interactive-emphasis,#3544b1)\n        );\n      }\n\n      /** Highlight borders */\n\n      :host([select-mode='highlight']:not([disabled]))\n        #menu-item\n        #label-button-background::after {\n        border-radius: var(--uui-border-radius,3px);\n        position: absolute;\n        content: '';\n        inset: 1px;\n        border: 2px solid\n          var(--uui-menu-item-border-color-highlight, var(--uui-color-selected,#3544b1));\n        opacity: 0;\n      }\n\n      :host([select-mode='highlight'][selectable][selected]:not([disabled]))\n        #menu-item\n        #caret-button:hover::after {\n        border-top-left-radius: var(--uui-border-radius,3px);\n        border-bottom-left-radius: var(--uui-border-radius,3px);\n        position: absolute;\n        content: '';\n        inset: 1px 0 1px 1px;\n        border: 2px solid\n          var(--uui-menu-item-border-color-highlight, var(--uui-color-selected,#3544b1));\n        border-right: none;\n      }\n\n      :host([select-mode='highlight'][selected]:not([disabled]))\n        #menu-item\n        #label-button-background::after {\n        opacity: 1;\n      }\n\n      :host([select-mode='highlight'][selectable]:not([disabled]))\n        #menu-item:has(#label-button:hover)\n        #label-button-background::after {\n        opacity: 0.33;\n      }\n      :host([select-mode='highlight'][selected]:not([disabled]))\n        #menu-item:has(#label-button:hover)\n        #label-button-background::after {\n        opacity: 0.66;\n      }\n\n      /** Buttons */\n\n      :host([disabled]) #label-button {\n        cursor: default;\n        opacity: 0.5;\n      }\n\n      button {\n        display: inline-flex;\n        align-items: center;\n\n        font-family: inherit;\n        font-size: inherit;\n\n        padding: 0;\n        text-align: left;\n        border: none;\n        color: inherit;\n        background-color: transparent;\n        cursor: pointer;\n        min-height: var(--uui-size-12,36px);\n      }\n\n      #label-button {\n        position: relative;\n        flex-grow: 1;\n        grid-column-start: 2;\n        white-space: nowrap;\n        overflow: hidden;\n        padding-right: var(--uui-size-space-3,9px);\n        padding-left: calc(\n          var(--uui-menu-item-flat-structure) * var(--uui-size-space-3,9px)\n        );\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        color: currentColor;\n        min-height: var(--uui-size-12,36px);\n        font-weight: inherit;\n      }\n\n      #label-button .label {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n      span#label-button {\n        pointer-events: none; /* avoid hovering state on this. */\n      }\n\n      #caret-button {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        padding-inline-end: 3px;\n        color: var(--uui-color-interactive,#1b264f);\n      }\n\n      #label-button-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border-radius: var(--uui-menu-item-border-radius, 0px);\n      }\n\n      #actions-container {\n        opacity: 0;\n        width: 0;\n        grid-column-start: 3;\n        overflow: hidden;\n      }\n      :host(:not([disabled])) #menu-item:hover #actions-container,\n      :host(:not([disabled])) #menu-item:focus #actions-container,\n      :host(:not([disabled])) #menu-item:focus-within #actions-container {\n        opacity: 1;\n        width: auto;\n      }\n\n      #loader {\n        position: absolute;\n        width: 100%;\n        bottom: 0;\n      }\n\n      #icon {\n        display: inline-flex;\n        margin-right: var(--uui-size-2,6px);\n      }\n\n      #badge {\n        font-size: 12px;\n        --uui-badge-position: relative;\n        --uui-badge-position: auto;\n        display: block;\n        margin-left: 6px;\n      }\n\n      /** Focus styling */\n\n      :host([select-mode='highlight']) #label-button:focus-visible {\n        outline: none;\n        overflow: initial;\n      }\n\n      :host([select-mode='highlight']) #label-button:focus-visible::after {\n        content: '';\n        border-radius: calc(var(--uui-border-radius,3px) - 1px);\n        position: absolute;\n        inset: 3px 3px 3px -5px;\n        border: 2px solid var(--uui-color-focus,#3879ff);\n      }\n\n      :host([select-mode='highlight']) #caret-button:focus-visible {\n        outline: none;\n        overflow: initial;\n      }\n\n      :host([select-mode='highlight']) #caret-button:focus-visible::after {\n        content: '';\n        position: absolute;\n        inset: 3px;\n        border-radius: calc(var(--uui-border-radius,3px) - 1px);\n        border: 2px solid var(--uui-color-focus,#3879ff);\n      }\n\n      /** Slots */\n\n      slot:not([name]) {\n        position: relative;\n        display: block;\n        width: 100%;\n      }\n      slot:not([name]) {\n        --uui-menu-item-indent: var(--uui-menu-item-child-indent);\n      }\n\n      slot[name='actions'] {\n        display: flex;\n        align-items: center;\n        --uui-button-height: calc(var(--uui-size-base-unit) * 4);\n        margin-right: var(--uui-size-base-unit);\n      }\n    `\n];\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], UUIMenuItemElement.prototype, \"disabled\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true, attribute: \"show-children\" })\n], UUIMenuItemElement.prototype, \"showChildren\", 2);\n__decorateClass([\n  property({ type: Boolean, attribute: \"has-children\" })\n], UUIMenuItemElement.prototype, \"hasChildren\", 2);\n__decorateClass([\n  property({ type: Boolean, attribute: \"loading\" })\n], UUIMenuItemElement.prototype, \"loading\", 2);\n__decorateClass([\n  property({ type: String })\n], UUIMenuItemElement.prototype, \"href\", 2);\n__decorateClass([\n  property({ type: String })\n], UUIMenuItemElement.prototype, \"target\", 2);\n__decorateClass([\n  property({ type: String })\n], UUIMenuItemElement.prototype, \"rel\", 2);\n__decorateClass([\n  property({ type: String, attribute: \"select-mode\", reflect: true })\n], UUIMenuItemElement.prototype, \"selectMode\", 2);\n__decorateClass([\n  property({ type: String, attribute: \"caret-label\" })\n], UUIMenuItemElement.prototype, \"caretLabel\", 2);\n__decorateClass([\n  property({ attribute: false })\n], UUIMenuItemElement.prototype, \"renderExpandSymbol\", 2);\n__decorateClass([\n  state()\n], UUIMenuItemElement.prototype, \"iconSlotHasContent\", 2);\nUUIMenuItemElement = __decorateClass([\n  defineElement(\"uui-menu-item\")\n], UUIMenuItemElement);\n\nexport { UUIMenuItemElement, UUIMenuItemEvent };\n"]}