@paperless/core 2.0.1-beta.18 → 2.0.1-beta.19

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

@@ -2,332 +2,341 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6d3f569b.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-62336770.js');
+const index = require('./index-3f9bbc0c.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-ef421825.js');
 const index$1 = require('./index-b556e70f.js');
-const childOf = require('./child-of-af405fc2.js');
+const childOf = require('./child-of-8fbd3ebe.js');
 require('./clsx-fc789adc.js');
 
 const dropdownComponentCss = ".flex{display:flex!important}.hidden{display:none!important}*{box-sizing:border-box}p-dropdown p-dropdown-menu-container{display:none}p-dropdown p-dropdown-menu-container[data-show]{display:flex}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}";
+const PDropdownStyle0 = dropdownComponentCss;
 
 const dropdownContainerClass = index$1.cva(['z-dropdown hidden'], {
-  variants: {
-    strategy: {
-      absolute: 'absolute',
-      fixed: 'fixed',
+    variants: {
+        strategy: {
+            absolute: 'absolute',
+            fixed: 'fixed',
+        },
     },
-  },
 });
 const Dropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isOpen = index.createEvent(this, "isOpen", 3);
-    this._loaded = false;
-    this.placement = 'bottom-start';
-    this.offset = 8;
-    this.strategy = 'absolute';
-    this.show = false;
-    this.usePortal = false;
-    this.calculateWidth = false;
-    this.applyMaxWidth = true;
-    this.applyFullWidth = true;
-    this.allowOverflow = false;
-    this.scrollable = false;
-    this.insideClick = false;
-    this.disableTriggerClick = false;
-    this.applyChevron = true;
-    this.chevronPosition = 'end';
-    this.chevronDirection = undefined;
-  }
-  componentShouldUpdate() {
-    this._update();
-  }
-  componentDidLoad() {
-    this._checkButtons();
-  }
-  disconnectedCallback() {
-    if (this._cleanup) {
-      this._cleanup();
-      this._cleanup = null;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isOpen = index.createEvent(this, "isOpen", 3);
+        this.placement = 'bottom-start';
+        this.offset = 8;
+        this.strategy = 'absolute';
+        this.show = false;
+        this.usePortal = false;
+        this.calculateWidth = false;
+        this.applyMaxWidth = true;
+        this.applyFullWidth = true;
+        this.allowOverflow = false;
+        this.scrollable = false;
+        this.insideClick = false;
+        this.disableTriggerClick = false;
+        this.applyChevron = true;
+        this.chevronPosition = 'end';
+        this.chevronDirection = undefined;
     }
-    this._menu.remove();
-  }
-  componentDidRender() {
-    this._checkButtons();
-  }
-  render() {
-    const dropdownContainerProps = {
-      class: dropdownContainerClass({
-        strategy: this.strategy,
-      }),
-      ref: el => this._load(el),
-      onClick: () => this._containerClickHandler(),
-      role: 'popover',
-      'data-placement': this.placement,
-      'data-strategy': this.strategy,
-    };
-    let dropdownContainer;
-    if (this.usePortal) {
-      dropdownContainer = (index.h("p-portal", Object.assign({}, dropdownContainerProps), index.h("p-dropdown-menu-container", { maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, index.h("slot", { name: 'items' }))));
+    get _el() { return index.getElement(this); }
+    /**
+     * Open change event
+     */
+    isOpen;
+    _loaded = false;
+    _trigger;
+    _menu;
+    _cleanup;
+    componentShouldUpdate() {
+        this._update();
     }
-    else {
-      dropdownContainer = (index.h("p-dropdown-menu-container", Object.assign({ maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, dropdownContainerProps), index.h("slot", { name: 'items' })));
+    componentDidLoad() {
+        this._checkButtons();
     }
-    return (index.h(index.Host, { class: 'p-dropdown relative' }, index.h("div", { class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, index.h("slot", { name: 'trigger' })), dropdownContainer));
-  }
-  _checkButtons(active = false) {
-    if (!this.applyChevron) {
-      return;
+    disconnectedCallback() {
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+        this._menu.remove();
     }
-    const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
-    for (let button of [...buttons]) {
-      button.chevronPosition = this.chevronPosition;
-      button.chevron = this.chevronDirection
-        ? this.chevronDirection
-        : this.placement.indexOf('top') >= 0
-          ? 'up'
-          : 'down';
-      button.disabled = this.disableTriggerClick;
-      button.active = active;
+    componentDidRender() {
+        this._checkButtons();
     }
-  }
-  onShowChange(show) {
-    if (!this._loaded) {
-      return;
+    render() {
+        const dropdownContainerProps = {
+            class: dropdownContainerClass({
+                strategy: this.strategy,
+            }),
+            ref: el => this._load(el),
+            onClick: () => this._containerClickHandler(),
+            role: 'popover',
+            'data-placement': this.placement,
+            'data-strategy': this.strategy,
+        };
+        let dropdownContainer;
+        if (this.usePortal) {
+            dropdownContainer = (index.h("p-portal", { key: '73fed1ad3b12eab90400d6e73ab2a433fb07a4a5', ...dropdownContainerProps }, index.h("p-dropdown-menu-container", { key: '671ae896784b9349d5d6220651fabfa3478e29da', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, index.h("slot", { key: 'c90998ef8bdf9ac29bf25bc6c882f2168996792f', name: 'items' }))));
+        }
+        else {
+            dropdownContainer = (index.h("p-dropdown-menu-container", { key: '5c8d45f3d12555fcf66ef54d87a683811a916d0e', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, index.h("slot", { key: '1f3f210867f76bcb417f6e6b5e589639049adc1b', name: 'items' })));
+        }
+        return (index.h(index.Host, { key: '5181b7475441cabeb7e1b006112dfda8ff36253a', class: 'p-dropdown relative' }, index.h("div", { key: '5bdcca618afd8e61a7ba0ce2cb64ee5515ce3524', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, index.h("slot", { key: 'edab2a0f93680cfc56c27bfa2ac8dd8d932c0982', name: 'trigger' })), dropdownContainer));
     }
-    if (!show) {
-      this._hide();
-      return;
+    _checkButtons(active = false) {
+        if (!this.applyChevron) {
+            return;
+        }
+        const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
+        for (let button of [...buttons]) {
+            button.chevronPosition = this.chevronPosition;
+            button.chevron = this.chevronDirection
+                ? this.chevronDirection
+                : this.placement.indexOf('top') >= 0
+                    ? 'up'
+                    : 'down';
+            button.disabled = this.disableTriggerClick;
+            button.active = active;
+        }
     }
-    this._show();
-  }
-  documentClickHandler({ target }) {
-    if (!this._menu.hasAttribute('data-show') || childOf.childOf(target, this._menu)) {
-      return;
+    onShowChange(show) {
+        if (!this._loaded) {
+            return;
+        }
+        if (!show) {
+            this._hide();
+            return;
+        }
+        this._show();
     }
-    this._hide();
-  }
-  _containerClickHandler() {
-    if (this.insideClick) {
-      return;
+    documentClickHandler({ target }) {
+        if (!this._menu.hasAttribute('data-show') || childOf.childOf(target, this._menu)) {
+            return;
+        }
+        this._hide();
     }
-    if (this._menu.hasAttribute('data-show')) {
-      this._hide();
+    _containerClickHandler() {
+        if (this.insideClick) {
+            return;
+        }
+        if (this._menu.hasAttribute('data-show')) {
+            this._hide();
+        }
     }
-  }
-  _triggerClickHandler() {
-    if (this.disableTriggerClick) {
-      return;
+    _triggerClickHandler() {
+        if (this.disableTriggerClick) {
+            return;
+        }
+        if (this._menu.hasAttribute('data-show')) {
+            this._hide();
+            return;
+        }
+        this._show();
     }
-    if (this._menu.hasAttribute('data-show')) {
-      this._hide();
-      return;
+    _load(popover) {
+        this._menu = popover;
+        if (popover) {
+            this._update();
+            this._loaded = true;
+            if (this.show) {
+                setTimeout(() => this._show(), 100);
+            }
+        }
     }
-    this._show();
-  }
-  _load(popover) {
-    this._menu = popover;
-    if (popover) {
-      this._update();
-      this._loaded = true;
-      if (this.show) {
-        setTimeout(() => this._show(), 100);
-      }
+    _show() {
+        if (!this._loaded) {
+            return;
+        }
+        // Make the popover visible
+        if (this.calculateWidth) {
+            this._menu.style.width = `${this._trigger.clientWidth}px`;
+        }
+        this._cleanup = floatingUi_dom_esm.autoUpdate(this._el, this._menu, () => this._update());
+        this._menu.setAttribute('data-show', '');
+        this._menu.classList.remove('hidden');
+        this._menu.classList.add('flex');
+        this.isOpen.emit(true);
+        this._checkButtons(true);
     }
-  }
-  _show() {
-    if (!this._loaded) {
-      return;
+    _hide() {
+        if (!this._loaded || this.show) {
+            return;
+        }
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+        // Hide the popover
+        this._menu.removeAttribute('data-show');
+        this._menu.classList.remove('flex');
+        this._menu.classList.add('hidden');
+        this.isOpen.emit(false);
+        this._checkButtons(false);
     }
-    // Make the popover visible
-    if (this.calculateWidth) {
-      this._menu.style.width = `${this._trigger.clientWidth}px`;
+    _update() {
+        if (!this._menu) {
+            return;
+        }
+        floatingUi_dom_esm.computePosition(this._el, this._menu, {
+            placement: this.placement,
+            strategy: this.strategy,
+            middleware: [floatingUi_dom_esm.offset(this.offset), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift()],
+        }).then(({ x, y, placement }) => {
+            this._menu.dataset.placement = placement;
+            Object.assign(this._menu.style, {
+                top: `${y}px`,
+                left: `${x}px`,
+            });
+        });
     }
-    this._cleanup = floatingUi_dom_esm.autoUpdate(this._el, this._menu, () => this._update());
-    this._menu.setAttribute('data-show', '');
-    this._menu.classList.remove('hidden');
-    this._menu.classList.add('flex');
-    this.isOpen.emit(true);
-    this._checkButtons(true);
-  }
-  _hide() {
-    if (!this._loaded || this.show) {
-      return;
-    }
-    if (this._cleanup) {
-      this._cleanup();
-      this._cleanup = null;
-    }
-    // Hide the popover
-    this._menu.removeAttribute('data-show');
-    this._menu.classList.remove('flex');
-    this._menu.classList.add('hidden');
-    this.isOpen.emit(false);
-    this._checkButtons(false);
-  }
-  _update() {
-    if (!this._menu) {
-      return;
-    }
-    floatingUi_dom_esm.computePosition(this._el, this._menu, {
-      placement: this.placement,
-      strategy: this.strategy,
-      middleware: [floatingUi_dom_esm.offset(this.offset), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift()],
-    }).then(({ x, y, placement }) => {
-      this._menu.dataset.placement = placement;
-      Object.assign(this._menu.style, {
-        top: `${y}px`,
-        left: `${x}px`,
-      });
-    });
-  }
-  get _el() { return index.getElement(this); }
-  static get watchers() { return {
-    "show": ["onShowChange"]
-  }; }
+    static get watchers() { return {
+        "show": ["onShowChange"]
+    }; }
 };
-Dropdown.style = dropdownComponentCss;
+Dropdown.style = PDropdownStyle0;
 
 const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}";
+const PDropdownMenuItemStyle0 = dropdownMenuItemComponentCss;
 
 const dropdownMenuItem = index$1.cva([
-  'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',
+    'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',
 ], {
-  variants: {
-    variant: {
-      default: null,
-      negative: null,
-    },
-    active: {
-      false: null,
-      true: null,
-    },
-    disabled: {
-      false: null,
-      true: 'cursor-not-allowed',
-    },
-    enableHover: {
-      false: null,
-      true: null,
-    },
-  },
-  compoundVariants: [
-    {
-      variant: 'default',
-      active: false,
-      enableHover: true,
-      disabled: false,
-      class: 'text-black-teal hover:bg-supportive-lilac-50',
-    },
-    {
-      variant: 'default',
-      active: true,
-      disabled: false,
-      class: 'bg-supportive-lilac-100',
-    },
-    {
-      variant: 'default',
-      disabled: true,
-      class: 'text-black-teal-200',
-    },
-    {
-      variant: 'default',
-      disabled: true,
-      active: true,
-      class: 'bg-supportive-lilac-100',
-    },
-    {
-      variant: 'negative',
-      active: false,
-      enableHover: true,
-      disabled: false,
-      class: 'text-negative-red hover:bg-negative-red-50',
+    variants: {
+        variant: {
+            default: null,
+            negative: null,
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'cursor-not-allowed',
+        },
+        enableHover: {
+            false: null,
+            true: null,
+        },
     },
-    {
-      variant: 'negative',
-      active: true,
-      disabled: false,
-      class: 'bg-negative-red-100 text-negative-red',
-    },
-    {
-      variant: 'negative',
-      disabled: true,
-      class: 'text-negative-red-100',
-    },
-    {
-      variant: 'negative',
-      disabled: true,
-      active: true,
-      class: 'bg-negative-red-50',
-    },
-    {
-      enableHover: true,
-      disabled: false,
-      class: 'cursor-pointer',
-    },
-  ],
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'text-black-teal hover:bg-supportive-lilac-50',
+        },
+        {
+            variant: 'default',
+            active: true,
+            disabled: false,
+            class: 'bg-supportive-lilac-100',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            class: 'text-black-teal-200',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            active: true,
+            class: 'bg-supportive-lilac-100',
+        },
+        {
+            variant: 'negative',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'text-negative-red hover:bg-negative-red-50',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'bg-negative-red-100 text-negative-red',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            class: 'text-negative-red-100',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            active: true,
+            class: 'bg-negative-red-50',
+        },
+        {
+            enableHover: true,
+            disabled: false,
+            class: 'cursor-pointer',
+        },
+    ],
 });
 const dropdownMenuItemIcon = index$1.cva(['text-base'], {
-  variants: {
-    variant: {
-      default: null,
-      negative: null,
-    },
-    active: {
-      false: null,
-      true: null,
-    },
-    disabled: {
-      false: null,
-      true: 'text-black-teal-100',
+    variants: {
+        variant: {
+            default: null,
+            negative: null,
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'text-black-teal-100',
+        },
     },
-  },
-  compoundVariants: [
-    {
-      variant: 'default',
-      active: false,
-      disabled: false,
-      class: 'text-black-teal-300 group-hover:text-black-teal',
-    },
-    {
-      variant: 'negative',
-      active: false,
-      disabled: false,
-      class: 'text-negative-red group-hover:text-negative-red-800',
-    },
-    {
-      variant: 'negative',
-      active: true,
-      disabled: false,
-      class: 'text-negative-red-800',
-    },
-  ],
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            disabled: false,
+            class: 'text-black-teal-300 group-hover:text-black-teal',
+        },
+        {
+            variant: 'negative',
+            active: false,
+            disabled: false,
+            class: 'text-negative-red group-hover:text-negative-red-800',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'text-negative-red-800',
+        },
+    ],
 });
 const DropdownMenuItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.active = false;
-    this.checkbox = false;
-    this.variant = 'default';
-    this.enableHover = true;
-    this.disabled = false;
-    this.icon = undefined;
-    this.useContainer = true;
-  }
-  render() {
-    return (index.h(index.Host, { class: dropdownMenuItem({
-        variant: this.variant,
-        active: this.active,
-        enableHover: this.enableHover,
-        disabled: this.disabled,
-      }) }, this.icon && (index.h("p-icon", { class: dropdownMenuItemIcon({
-        variant: this.variant,
-        active: this.active,
-        disabled: this.disabled,
-      }), variant: this.icon })), this.checkbox && (index.h("input", { type: 'checkbox', class: 'p-input size-small flex-shrink-0', checked: this.active })), this.useContainer ? (index.h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, index.h("slot", null))) : (index.h("slot", null))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.active = false;
+        this.checkbox = false;
+        this.variant = 'default';
+        this.enableHover = true;
+        this.disabled = false;
+        this.icon = undefined;
+        this.useContainer = true;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9c57bb1471e15ee7047541f91632ce2e9daf045c', class: dropdownMenuItem({
+                variant: this.variant,
+                active: this.active,
+                enableHover: this.enableHover,
+                disabled: this.disabled,
+            }) }, this.icon && (index.h("p-icon", { key: '564d2a98f4ecd61ad80cf292e2856a86b10b4036', class: dropdownMenuItemIcon({
+                variant: this.variant,
+                active: this.active,
+                disabled: this.disabled,
+            }), variant: this.icon })), this.checkbox && (index.h("input", { key: '2759db4da7a2bb71d565d90d2445953abf88859d', type: 'checkbox', class: 'p-input size-small flex-shrink-0', checked: this.active })), this.useContainer ? (index.h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, index.h("slot", null))) : (index.h("slot", null))));
+    }
 };
-DropdownMenuItem.style = dropdownMenuItemComponentCss;
+DropdownMenuItem.style = PDropdownMenuItemStyle0;
 
 exports.p_dropdown = Dropdown;
 exports.p_dropdown_menu_item = DropdownMenuItem;