@paperless/core 0.1.0-alpha.0 → 0.1.0-alpha.101

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6758a39e.js');
+const index = require('./index-9d3b51c9.js');
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["p-button.cjs",[[1,"p-button",{"variant":[1]}]]],["p-icon.cjs",[[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"content":[8],"placement":[1],"forceShow":[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]]], options);
+  return index.bootstrapLazy([["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"width":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4],"showMobileClose":[4,"show-mobile-close"],"showMobileFooter":[4,"show-mobile-footer"]}]]],["p-profile.cjs",[[1,"p-profile",{"variant":[1],"size":[513],"_dropdownOpen":[32]}]]],["p-input-group.cjs",[[1,"p-input-group",{"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"helper":[1],"error":[513],"disabled":[516],"focused":[516],"_showTooltip":[32],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-navbar.cjs",[[1,"p-navbar",{"closeText":[1,"close-text"],"menuText":[1,"menu-text"],"_showMenu":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-accordion.cjs",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-content-slider.cjs",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4],"icon":[1]}]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-tab-group.cjs",[[1,"p-tab-group"]]],["p-avatar-group.cjs",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-layout.cjs",[[1,"p-layout",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-tab-item.cjs",[[1,"p-tab-item",{"active":[4]}]]],["p-tag.cjs",[[1,"p-tag",{"variant":[513],"circle":[516]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"strategy":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-helper.cjs",[[1,"p-helper",{"placement":[1]}]]],["p-counter.cjs",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-slider-indicator.cjs",[[1,"p-slider-indicator",{"active":[4]}]]],["p-avatar_2.cjs",[[1,"p-dropdown",{"placement":[513],"strategy":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]],[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-stepper-item_2.cjs",[[1,"p-stepper-item",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer",{"hideOnMobile":[4,"hide-on-mobile"]}],[1,"p-modal-header",{"showMobileClose":[4,"show-mobile-close"]}],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}]]]], options);
   });
 };
 

package/dist/cjs/p-accordion.cjs.entry.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9d3b51c9.js');
+
+const accordionComponentCss = ".static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.block{display:block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}";
+
+const Accordion = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isOpen = index.createEvent(this, "isOpen", 7);
+    /**
+     * Wether the accordion is open
+     */
+    this.open = false;
+    /**
+     * Wether the accordion can be closed
+     */
+    this.closeable = true;
+    /**
+     * Wether the accordion can be opened
+     */
+    this.openable = true;
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-accordion" }, index.h("div", { class: "flex items-center gap-3 text-storm-vague cursor-pointer", onClick: () => this._onClick() }, index.h("p-icon", { class: "flex", variant: "chevron", rotate: this.open ? 0 : -90 }), index.h("p", { class: "m-0 font-medium text-lg whitespace-nowrap" }, this.header), index.h("p-divider", null)), this.open && (index.h("div", { class: "mt-6" }, index.h("slot", null)))));
+  }
+  _onClick() {
+    if (!this.closeable && this.open) {
+      return;
+    }
+    if (!this.openable && !this.open) {
+      return;
+    }
+    this.open = !this.open;
+    this.isOpen.emit(this.open);
+  }
+};
+Accordion.style = accordionComponentCss;
+
+exports.p_accordion = Accordion;

package/dist/cjs/p-avatar-group.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9d3b51c9.js');
+
+const avatarGroupComponentCss = ".static{position:static!important}.flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";
+
+const AvatarGroup = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-avatar-group" }, index.h("slot", null), this.extra && index.h("span", { class: "extra" }, "+", this.extra)));
+  }
+};
+AvatarGroup.style = avatarGroupComponentCss;
+
+exports.p_avatar_group = AvatarGroup;

package/dist/cjs/p-avatar_2.cjs.entry.js

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9d3b51c9.js');
+const popper = require('./popper-e0c4ed4c.js');
+
+const avatarComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-16{width:4rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
+
+const Avatar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * The variant of the avatar
+     */
+    this.variant = 'user';
+    /**
+     * The size of the avatar
+     */
+    this.size = 'medium';
+    this._src = this.src;
+  }
+  render() {
+    if (!this._src) {
+      this._setDefaultLink();
+    }
+    return (index.h(index.Host, { class: "p-avatar" }, index.h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+  }
+  _setDefaultLink() {
+    var _a;
+    this._src =
+      (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
+        ? '/assets/images/avatar/user-default.svg'
+        : '/assets/images/avatar/company-default.svg');
+  }
+};
+Avatar.style = avatarComponentCss;
+
+const childOf = (c, p) => {
+  while ((c = c.parentNode) && c !== p)
+    ;
+  return !!c;
+};
+
+const dropdownComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}*{box-sizing:border-box}:host{position:relative}:host .trigger{height:auto;width:auto}:host p-dropdown-menu-container{display:none}:host p-dropdown-menu-container[data-show]{display:flex}";
+
+const Dropdown = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isOpen = index.createEvent(this, "isOpen", 7);
+    /**
+     * The content of the dropdown menu
+     */
+    this.placement = 'bottom-start';
+    /**
+     * The strategy of the popover placement
+     */
+    this.strategy = 'fixed';
+    /**
+     * Wether to show the dropdown menu
+     */
+    this.show = false;
+    /**
+     * Wether to automatically close the dropdown menu after clicking inside
+     */
+    this.insideClick = false;
+    /**
+     * Wether to automatically close the dropdown menu after clicking inside
+     */
+    this.disableTriggerClick = false;
+    this._loaded = false;
+  }
+  componentShouldUpdate() {
+    this._setOptions();
+    if (this._loaded && this.show) {
+      this._show();
+    }
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-dropdown" }, index.h("div", { class: "trigger", onClick: () => this._triggerClickHandler() }, index.h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), index.h("p-dropdown-menu-container", { role: "popover", ref: (el) => this._load(el), onClick: () => this._containerClickHandler() }, index.h("slot", { name: "items" }))));
+  }
+  _checkButton({ target }) {
+    const slot = target;
+    const children = slot.assignedElements();
+    for (let child of children) {
+      if (child.nodeName === 'P-BUTTON') {
+        child.chevron =
+          this.placement.indexOf('top') >= 0 ? 'up' : 'down';
+      }
+    }
+  }
+  _containerClickHandler() {
+    if (this.insideClick) {
+      return;
+    }
+    if (this._menu.hasAttribute('data-show')) {
+      this._hide();
+    }
+  }
+  _triggerClickHandler() {
+    if (this.disableTriggerClick) {
+      return;
+    }
+    if (this._menu.hasAttribute('data-show')) {
+      this._hide();
+      return;
+    }
+    this._show();
+  }
+  documentClickHandler({ target }) {
+    if (!this._menu.hasAttribute('data-show') ||
+      childOf(target, this._el)) {
+      return;
+    }
+    this._hide();
+  }
+  _load(popover) {
+    this._menu = popover;
+    if (popover) {
+      this._popper = popper.createPopper(this._el, popover, {
+        strategy: this.strategy,
+      });
+      this._setOptions();
+      this._loaded = true;
+      if (this.show) {
+        setTimeout(() => this._show(), 100);
+      }
+    }
+  }
+  _setOptions() {
+    if (!this._popper) {
+      return;
+    }
+    this._popper.setOptions({
+      placement: this.placement,
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: [0, 8],
+          },
+        },
+      ],
+    });
+  }
+  _show() {
+    if (!this._loaded) {
+      return;
+    }
+    // Make the popover visible
+    this._menu.setAttribute('data-show', '');
+    this.isOpen.emit(true);
+    // Enable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: true },
+      ] })));
+    // Update its position
+    this._popper.update();
+  }
+  _hide() {
+    if (!this._loaded || this.show) {
+      return;
+    }
+    // Hide the popover
+    this._menu.removeAttribute('data-show');
+    this.isOpen.emit(false);
+    // Disable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: false },
+      ] })));
+  }
+  get _el() { return index.getElement(this); }
+};
+Dropdown.style = dropdownComponentCss;
+
+exports.p_avatar = Avatar;
+exports.p_dropdown = Dropdown;