@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/components/table-header.component.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { d as defineCustomElement$a } from './button.component.js';
-import { d as defineCustomElement$9 } from './helper.component.js';
-import { d as defineCustomElement$8 } from './icon.component.js';
-import { d as defineCustomElement$7 } from './input-error.component.js';
-import { d as defineCustomElement$6 } from './input-group.component.js';
-import { d as defineCustomElement$5 } from './label.component.js';
-import { d as defineCustomElement$4 } from './loader.component.js';
+import { d as defineCustomElement$b } from './button.component.js';
+import { d as defineCustomElement$a } from './field.component.js';
+import { d as defineCustomElement$9 } from './field-container.component.js';
+import { d as defineCustomElement$8 } from './helper.component.js';
+import { d as defineCustomElement$7 } from './icon.component.js';
+import { d as defineCustomElement$6 } from './label.component.js';
+import { d as defineCustomElement$5 } from './loader.component.js';
+import { d as defineCustomElement$4 } from './portal.component.js';
 import { d as defineCustomElement$3 } from './segment-container.component.js';
 import { d as defineCustomElement$2 } from './segment-item.component.js';
 import { d as defineCustomElement$1 } from './tooltip.component.js';
@@ -211,8 +212,23 @@ function createNotification(kind, value, error) {
     };
 }
 
+let context = null;
 function errorContext(cb) {
-    {
+    if (config.useDeprecatedSynchronousErrorHandling) {
+        const isRoot = !context;
+        if (isRoot) {
+            context = { errorThrown: false, error: null };
+        }
+        cb();
+        if (isRoot) {
+            const { errorThrown, error } = context;
+            context = null;
+            if (errorThrown) {
+                throw error;
+            }
+        }
+    }
+    else {
         cb();
     }
 }
@@ -905,160 +921,182 @@ function defaultCompare(a, b) {
 }
 
 const tableHeaderComponentCss = ".col-start-1{grid-column-start:1!important}.flex{display:flex!important}.grid{display:grid!important}.flex-col{flex-direction:column!important}.p-4{padding:1rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (min-width:64rem){:host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}}:host>div.left-side{grid-column-start:1;justify-self:start}:host>div.right-side{grid-column-start:2}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-4{gap:1rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}";
+const PTableHeaderStyle0 = tableHeaderComponentCss;
 
 const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.quickFilter = createEvent(this, "quickFilter", 3);
-    this.queryChange = createEvent(this, "queryChange", 3);
-    this.filter = createEvent(this, "filter", 3);
-    this.action = createEvent(this, "action", 3);
-    this._defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
-    this._defaultActionButtonTemplate = (amount) => this.actionText
-      ? this.actionText
-      : formatTranslation(amount === 0
-        ? this._locales.edit
-        : amount === 1
-          ? this._locales.edit_single
-          : this._locales.edit_plural, { amount });
-    this._queryObserver = new Subject();
-    this.quickFilters = [];
-    this.activeQuickFilterIdentifier = undefined;
-    this.loading = false;
-    this.enableSearch = true;
-    this.itemsSelectedAmount = 0;
-    this.query = undefined;
-    this.enableFilter = true;
-    this.enableFilterDesktop = true;
-    this.selectedFiltersAmount = undefined;
-    this.filterButtonTemplate = this._defaultFilterButtonTemplate;
-    this.enableAction = true;
-    this.actionLoading = false;
-    this.actionIcon = 'pencil';
-    this.actionText = undefined;
-    this.canUseAction = false;
-    this.actionButtonTemplate = this._defaultActionButtonTemplate;
-    this._locales = {};
-  }
-  componentWillLoad() {
-    this._setLocales();
-  }
-  componentDidLoad() {
-    this._queryObserver
-      .pipe(debounceTime(300), distinctUntilChanged())
-      .subscribe(value => this.queryChange.emit(value));
-  }
-  render() {
-    const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
-    const mobileTotal = (this.selectedFiltersAmount || 0) + ((activeQuickFilter === null || activeQuickFilter === void 0 ? void 0 : activeQuickFilter.default) ? 0 : 1);
-    const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
-    const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-    return (h(Host, { class: 'p-table-header' }, this.loading && (h("p-loader", { variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-      (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', (item === null || item === void 0 ? void 0 : item.count) >= 0 ? `(${item.count})` : ''))))))), h("div", { class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-input-group", { icon: 'search', size: 'small', class: 'desktop-xs:w-48' }, h("input", { type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
-        ? 'desktop-xs:w-auto'
-        : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
-      ? this.filterButtonTemplate()
-      : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-      this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
-  }
-  async _setLocales() {
-    this._locales = await getLocaleComponentStrings(this._el);
-  }
-  _buttonTemplate(mobile = false) {
-    return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
-      ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
-      : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
-  }
-  _getLabel(amount, variant = 'default') {
-    return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
-        ? 'hidden desktop-xs:flex'
-        : 'flex desktop-xs:hidden'}` }, amount));
-  }
-  get _el() { return this; }
-  static get style() { return tableHeaderComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.quickFilter = createEvent(this, "quickFilter", 3);
+        this.queryChange = createEvent(this, "queryChange", 3);
+        this.filter = createEvent(this, "filter", 3);
+        this.action = createEvent(this, "action", 3);
+        this.quickFilters = [];
+        this.activeQuickFilterIdentifier = undefined;
+        this.loading = false;
+        this.enableSearch = true;
+        this.itemsSelectedAmount = 0;
+        this.query = undefined;
+        this.enableFilter = true;
+        this.enableFilterDesktop = true;
+        this.selectedFiltersAmount = undefined;
+        this.filterButtonTemplate = this._defaultFilterButtonTemplate;
+        this.enableAction = true;
+        this.actionLoading = false;
+        this.actionIcon = 'pencil';
+        this.actionText = undefined;
+        this.canUseAction = false;
+        this.actionButtonTemplate = this._defaultActionButtonTemplate;
+        this._locales = {};
+    }
+    _defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
+    _defaultActionButtonTemplate = (amount) => this.actionText
+        ? this.actionText
+        : formatTranslation(amount === 0
+            ? this._locales.edit
+            : amount === 1
+                ? this._locales.edit_single
+                : this._locales.edit_plural, { amount });
+    /**
+     * Event when one of the quick filters is clicked
+     */
+    quickFilter;
+    /**
+     * Event when the query changes
+     */
+    queryChange;
+    /**
+     * Event when the filter button is clicked
+     */
+    filter;
+    /**
+     * Event when the action button is clicked
+     */
+    action;
+    get _el() { return this; }
+    _queryObserver = new Subject();
+    componentWillLoad() {
+        this._setLocales();
+    }
+    componentDidLoad() {
+        this._queryObserver
+            .pipe(debounceTime(300), distinctUntilChanged())
+            .subscribe(value => this.queryChange.emit(value));
+    }
+    render() {
+        const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
+        const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
+        const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
+        const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
+        return (h(Host, { key: '9261f1ac3d1ffc7b3f696d7dc528eb39d21e39f3', class: 'p-table-header' }, this.loading && (h("p-loader", { key: '52cb48056ac2ce46ae3825e97a83735c90926e4e', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { key: '4c1a883ae11bb2a8a9a0a3d1339600d58174543b', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '0ef29f9afb9cb27761f11146fa41933e64e7fed8', name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { key: '480435085fab332399b5386d33fed70b0d96d718', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: 'a5c1add14f7a2c3056195936325004ed8d1710fe', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-field", { key: '797c9e6bc2fe252e7884afbacbe614db1cd3e8ac', icon: 'search', size: 'sm', class: 'desktop-xs:w-48' }, h("input", { key: '80b57023c666d1a0c0f3ce925ee6489b2224a88c', type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { key: '6d62d078335b2404908b3bdc3fc298ef3f7e4abe', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
+                ? 'desktop-xs:w-auto'
+                : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
+            ? this.filterButtonTemplate()
+            : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'd53ef269b98a4652c0b83e615e8bbe48e5d9e006', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c50cbee31811d88ad5f070f92834ee9247a79fee', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    _buttonTemplate(mobile = false) {
+        return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
+            ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
+            : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
+    }
+    _getLabel(amount, variant = 'default') {
+        return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+                ? 'hidden desktop-xs:flex'
+                : 'flex desktop-xs:hidden'}` }, amount));
+    }
+    static get style() { return PTableHeaderStyle0; }
 }, [1, "p-table-header", {
-    "quickFilters": [16],
-    "activeQuickFilterIdentifier": [1, "active-quick-filter-identifier"],
-    "loading": [4],
-    "enableSearch": [4, "enable-search"],
-    "itemsSelectedAmount": [2, "items-selected-amount"],
-    "query": [1025],
-    "enableFilter": [4, "enable-filter"],
-    "enableFilterDesktop": [4, "enable-filter-desktop"],
-    "selectedFiltersAmount": [2, "selected-filters-amount"],
-    "filterButtonTemplate": [16],
-    "enableAction": [4, "enable-action"],
-    "actionLoading": [4, "action-loading"],
-    "actionIcon": [1, "action-icon"],
-    "actionText": [1, "action-text"],
-    "canUseAction": [1028, "can-use-action"],
-    "actionButtonTemplate": [16],
-    "_locales": [32]
-  }, [[16, "localeChanged", "_setLocales"]]]);
+        "quickFilters": [16],
+        "activeQuickFilterIdentifier": [1, "active-quick-filter-identifier"],
+        "loading": [4],
+        "enableSearch": [4, "enable-search"],
+        "itemsSelectedAmount": [2, "items-selected-amount"],
+        "query": [1025],
+        "enableFilter": [4, "enable-filter"],
+        "enableFilterDesktop": [4, "enable-filter-desktop"],
+        "selectedFiltersAmount": [2, "selected-filters-amount"],
+        "filterButtonTemplate": [16],
+        "enableAction": [4, "enable-action"],
+        "actionLoading": [4, "action-loading"],
+        "actionIcon": [1, "action-icon"],
+        "actionText": [1, "action-text"],
+        "canUseAction": [1028, "can-use-action"],
+        "actionButtonTemplate": [16],
+        "_locales": [32]
+    }, [[16, "localeChanged", "_setLocales"]]]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-table-header", "p-button", "p-helper", "p-icon", "p-input-error", "p-input-group", "p-label", "p-loader", "p-segment-container", "p-segment-item", "p-tooltip"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-table-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TableHeader);
-      }
-      break;
-    case "p-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "p-helper":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "p-input-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "p-input-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "p-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "p-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "p-segment-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-segment-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "p-tooltip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-header", "p-button", "p-field", "p-field-container", "p-helper", "p-icon", "p-label", "p-loader", "p-portal", "p-segment-container", "p-segment-item", "p-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableHeader);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "p-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "p-field-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "p-helper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "p-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "p-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-segment-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-segment-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { TableHeader as T, defineCustomElement as d };