@paperless/core 0.1.0-alpha.30 → 0.1.0-alpha.300

package/dist/components/p-select.js

@@ -0,0 +1,265 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as childOf, d as defineCustomElement$9 } from './dropdown.component.js';
+import { d as defineCustomElement$8 } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$7 } from './dropdown-menu-item.component.js';
+import { d as defineCustomElement$6 } from './helper.component.js';
+import { d as defineCustomElement$5 } from './icon.component.js';
+import { d as defineCustomElement$4 } from './input-group.component.js';
+import { d as defineCustomElement$3 } from './loader.component.js';
+import { d as defineCustomElement$2 } from './tooltip.component.js';
+
+const selectComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}";
+
+const Select = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.queryChange = createEvent(this, "queryChange", 7);
+    this.valueChange = createEvent(this, "valueChange", 7);
+    this._isAutoCompleting = false;
+    this.items = undefined;
+    this.query = undefined;
+    this.placeholder = undefined;
+    this.autocompletePlaceholder = undefined;
+    this.value = undefined;
+    this.displayKey = 'text';
+    this.valueKey = 'value';
+    this.queryKey = undefined;
+    this.autoSelectFirst = true;
+    this.maxDisplayedItems = 10;
+    this.enableAutocomplete = true;
+    this.asyncFilter = false;
+    this.loading = false;
+    this.size = 'medium';
+    this.prefix = undefined;
+    this.label = undefined;
+    this.helper = undefined;
+    this.error = undefined;
+    this.disabled = false;
+    this._showDropdown = false;
+    this._selectedItem = null;
+  }
+  get _items() {
+    var _a;
+    if (!this.items || this.loading) {
+      return [];
+    }
+    let items = typeof this.items === 'string'
+      ? JSON.parse(this.items)
+      : this.items;
+    if (typeof (items === null || items === void 0 ? void 0 : items[0]) === 'string') {
+      this.displayKey = 'text';
+      this.valueKey = 'value';
+      items = items.map((str) => ({
+        value: str,
+        text: str,
+      }));
+    }
+    if (this._isAutoCompleting && ((_a = this.query) === null || _a === void 0 ? void 0 : _a.length) && !this.asyncFilter) {
+      items = items.filter((item) => {
+        if (this.queryKey) {
+          return this._checkvalue(this.queryKey, item);
+        }
+        return (this._checkvalue(this.valueKey, item) ||
+          this._checkvalue(this.displayKey, item));
+      });
+    }
+    return items === null || items === void 0 ? void 0 : items.slice(0, this.maxDisplayedItems);
+  }
+  get _displayValue() {
+    var _a;
+    if (this._isAutoCompleting) {
+      return this.query;
+    }
+    return (_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.displayKey];
+  }
+  get _placeholder() {
+    var _a;
+    return this._isAutoCompleting && ((_a = this.autocompletePlaceholder) === null || _a === void 0 ? void 0 : _a.length)
+      ? this.autocompletePlaceholder
+      : this.placeholder;
+  }
+  componentDidLoad() {
+    var _a;
+    if (this.value) {
+      this._valueChange(this.value);
+      return;
+    }
+    if (this.autoSelectFirst) {
+      this._selectedItem = (_a = this._items) === null || _a === void 0 ? void 0 : _a[0];
+    }
+  }
+  render() {
+    return (h(Host, { class: "p-select" }, h("p-dropdown", { disableTriggerClick: true, calculateWidth: true, insideClick: true, show: this._showDropdown }, h("p-input-group", { slot: "trigger", icon: "chevron", iconPosition: "end", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, error: this.error, disabled: this.disabled, focused: this._showDropdown }, h("input", { slot: "input", type: "text", placeholder: this._placeholder, value: this._displayValue, class: `p-input cursor-pointer ${!this._isAutoCompleting && 'read-only'}`, onFocus: () => this._onFocus(), onMouseDown: (ev) => this._onMouseDown(ev), onClick: () => this._onClick(), onInput: (ev) => this._onChange(ev), ref: (ref) => (this._inputRef = ref) })), h("div", { slot: "items" }, this.loading
+      ? this._getLoadingItems()
+      : this._getItems()))));
+  }
+  documentClickHandler({ target }) {
+    if (!this._showDropdown || childOf(target, this._el)) {
+      return;
+    }
+    this._showDropdown = false;
+    this._isAutoCompleting = false;
+  }
+  _valueChange(value) {
+    this._preselectItem(value);
+  }
+  itemChanges() {
+    this._preselectItem();
+  }
+  _preselectItem(value) {
+    value = value === undefined ? null : value;
+    const parsedValue = !!this.value
+      ? JSON.stringify(this.value)
+      : JSON.stringify(value);
+    if (this._selectedItem &&
+      JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue) {
+      return;
+    }
+    const item = this._items.find((i) => JSON.stringify(i === null || i === void 0 ? void 0 : i[this.valueKey]) === parsedValue);
+    this._selectedItem = item;
+  }
+  _selectValue(item) {
+    this._selectedItem = item;
+    const value = item[this.valueKey];
+    this.value = value;
+    this.valueChange.emit(this.value);
+    this._onBlur(true);
+  }
+  _onFocus() {
+    if (!this.enableAutocomplete) {
+      this._inputRef.blur();
+      if (!this._showDropdown) {
+        this._showDropdown = true;
+      }
+      return;
+    }
+    this._isAutoCompleting = true;
+    this._showDropdown = true;
+  }
+  _onMouseDown(ev) {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    ev.preventDefault();
+  }
+  _onClick() {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    this._showDropdown = !this._showDropdown;
+  }
+  _onBlur(force = false) {
+    if (!this.enableAutocomplete && !force) {
+      return;
+    }
+    this._isAutoCompleting = false;
+    this._showDropdown = false;
+  }
+  _onChange(ev) {
+    if (!this._isAutoCompleting) {
+      return;
+    }
+    this.query = ev.target.value;
+    this.queryChange.emit(this.query);
+  }
+  _checkvalue(key, item) {
+    var _a, _b, _c;
+    return (((_b = (_a = item === null || item === void 0 ? void 0 : item[key]) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf((_c = this.query) === null || _c === void 0 ? void 0 : _c.toLowerCase())) >= 0);
+  }
+  _getItems() {
+    return this._items.map((item) => {
+      var _a;
+      return (h("p-dropdown-menu-item", { onClick: () => this._selectValue(item), active: item[this.valueKey] === ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.valueKey]) }, item[this.displayKey]));
+    });
+  }
+  _getLoadingItems() {
+    return [0, 0, 0].map(() => (h("p-dropdown-menu-item", { enableHover: false }, h("p-loader", { variant: "ghost", class: "w-full h-6 rounded" }))));
+  }
+  get _el() { return this; }
+  static get watchers() { return {
+    "value": ["_valueChange"],
+    "items": ["itemChanges"]
+  }; }
+  static get style() { return selectComponentCss; }
+}, [0, "p-select", {
+    "items": [1],
+    "query": [1],
+    "placeholder": [1],
+    "autocompletePlaceholder": [1, "autocomplete-placeholder"],
+    "value": [8],
+    "displayKey": [1, "display-key"],
+    "valueKey": [1, "value-key"],
+    "queryKey": [1, "query-key"],
+    "autoSelectFirst": [4, "auto-select-first"],
+    "maxDisplayedItems": [2, "max-displayed-items"],
+    "enableAutocomplete": [4, "enable-autocomplete"],
+    "asyncFilter": [4, "async-filter"],
+    "loading": [4],
+    "size": [1],
+    "prefix": [1],
+    "label": [1],
+    "helper": [1],
+    "error": [513],
+    "disabled": [516],
+    "_showDropdown": [32],
+    "_selectedItem": [32]
+  }, [[6, "click", "documentClickHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-select", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-helper", "p-icon", "p-input-group", "p-loader", "p-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-select":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Select);
+      }
+      break;
+    case "p-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "p-dropdown-menu-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "p-dropdown-menu-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "p-helper":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "p-input-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PSelect = Select;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSelect, defineCustomElement };

package/dist/components/p-slider-indicator.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PSliderIndicator extends Components.PSliderIndicator, HTMLElement {}
+export const PSliderIndicator: {
+  prototype: PSliderIndicator;
+  new (): PSliderIndicator;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-slider-indicator.js

@@ -0,0 +1,6 @@
+import { S as SliderIndicator, d as defineCustomElement$1 } from './slider-indicator.component.js';
+
+const PSliderIndicator = SliderIndicator;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSliderIndicator, defineCustomElement };

package/dist/components/p-status.js

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './icon.component.js';
 
-const statusComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mr-2{margin-right:.5rem!important}.flex{display:flex!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}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity))}.static{position:static!important}";
+const statusComponentCss = ".static{position:static!important}.mr-2{margin-right:.5rem!important}.flex{display:flex!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}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity))}";
 
 const Status = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * The variant of the status
-     */
     this.variant = 'default';
+    this.icon = undefined;
+    this.iconFlip = undefined;
+    this.iconRotate = undefined;
   }
   render() {
     return (h(Host, { class: `p-status variant-${this.variant}

package/dist/components/p-stepper-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PStepperItem extends Components.PStepperItem, HTMLElement {}
+export const PStepperItem: {
+  prototype: PStepperItem;
+  new (): PStepperItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-stepper-item.js

@@ -0,0 +1,6 @@
+import { S as StepperItem, d as defineCustomElement$1 } from './stepper-item.component.js';
+
+const PStepperItem = StepperItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PStepperItem, defineCustomElement };

package/dist/components/p-stepper-line.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PStepperLine extends Components.PStepperLine, HTMLElement {}
+export const PStepperLine: {
+  prototype: PStepperLine;
+  new (): PStepperLine;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-stepper-line.js

@@ -0,0 +1,6 @@
+import { S as StepperLine, d as defineCustomElement$1 } from './stepper-line.component.js';
+
+const PStepperLine = StepperLine;
+const defineCustomElement = defineCustomElement$1;
+
+export { PStepperLine, defineCustomElement };

package/dist/components/p-stepper.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PStepper extends Components.PStepper, HTMLElement {}
+export const PStepper: {
+  prototype: PStepper;
+  new (): PStepper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-stepper.js

@@ -0,0 +1,78 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './icon.component.js';
+import { d as defineCustomElement$3 } from './stepper-item.component.js';
+import { d as defineCustomElement$2 } from './stepper-line.component.js';
+
+const stepperComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}";
+
+const Stepper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.activeStep = 1;
+    this.direction = 'horizontal';
+  }
+  componentWillRender() {
+    const activeStep = this.activeStep - 1;
+    this._steps = this._generateSteps(activeStep);
+  }
+  render() {
+    return h(Host, { class: "p-stepper" }, this._steps);
+  }
+  _generateSteps(activeStep) {
+    const elements = [];
+    const items = this._el.querySelectorAll('p-stepper-item');
+    for (let i = 0; i < (items === null || items === void 0 ? void 0 : items.length); i++) {
+      const item = items.item(i);
+      if (i > 0) {
+        elements.push(h("p-stepper-line", { direction: this.direction, active: i <= activeStep }));
+      }
+      const newItem = (h("p-stepper-item", { active: i === activeStep, finished: i < activeStep, direction: this.direction, align: i === 0
+          ? 'start'
+          : i === (items === null || items === void 0 ? void 0 : items.length) - 1
+            ? 'end'
+            : 'center' }, item.innerHTML));
+      elements.push(newItem);
+    }
+    return elements;
+  }
+  get _el() { return this; }
+  static get style() { return stepperComponentCss; }
+}, [1, "p-stepper", {
+    "activeStep": [2, "active-step"],
+    "direction": [513]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-stepper", "p-icon", "p-stepper-item", "p-stepper-line"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-stepper":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Stepper);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-stepper-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-stepper-line":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PStepper = Stepper;
+const defineCustomElement = defineCustomElement$1;
+
+export { PStepper, defineCustomElement };

package/dist/components/p-tab-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTabGroup extends Components.PTabGroup, HTMLElement {}
+export const PTabGroup: {
+  prototype: PTabGroup;
+  new (): PTabGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-tab-group.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './divider.component.js';
+
+const tabGroupComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;position:relative;width:100%}:host .content{display:flex;gap:1.25rem;width:100%;z-index:10}:host p-divider{bottom:0;left:0;margin:0;position:absolute;width:100%}";
+
+const TabGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { class: "p-tab-group" }, h("div", { class: "content" }, h("slot", null)), h("p-divider", null)));
+  }
+  static get style() { return tabGroupComponentCss; }
+}, [1, "p-tab-group"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-tab-group", "p-divider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-tab-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TabGroup);
+      }
+      break;
+    case "p-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PTabGroup = TabGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTabGroup, defineCustomElement };

package/dist/components/p-tab-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTabItem extends Components.PTabItem, HTMLElement {}
+export const PTabItem: {
+  prototype: PTabItem;
+  new (): PTabItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-tab-item.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tabItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-transparent{border-color:transparent!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
+
+const TabItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-tab-item ${this.active && 'active'}` }, h("slot", null)));
+  }
+  static get style() { return tabItemComponentCss; }
+}, [1, "p-tab-item", {
+    "active": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-tab-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-tab-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TabItem);
+      }
+      break;
+  } });
+}
+
+const PTabItem = TabItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTabItem, defineCustomElement };

package/dist/components/p-table-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableCell extends Components.PTableCell, HTMLElement {}
+export const PTableCell: {
+  prototype: PTableCell;
+  new (): PTableCell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-cell.js

@@ -0,0 +1,6 @@
+import { T as TableCell, d as defineCustomElement$1 } from './table-cell.component.js';
+
+const PTableCell = TableCell;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableCell, defineCustomElement };

package/dist/components/p-table-column.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableColumn extends Components.PTableColumn, HTMLElement {}
+export const PTableColumn: {
+  prototype: PTableColumn;
+  new (): PTableColumn;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-column.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+
+const TableColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
+    this.path = undefined;
+    this.type = 'td';
+    this.name = undefined;
+    this.useSlot = false;
+    this.align = 'start';
+    this.sizes = 'auto';
+  }
+  componentDidUpdate() {
+    this.tableDefinitionChanged.emit(true);
+  }
+  render() {
+    return;
+  }
+}, [0, "p-table-column", {
+    "path": [1537],
+    "type": [1537],
+    "name": [1537],
+    "useSlot": [1540, "use-slot"],
+    "align": [1537],
+    "sizes": [1032]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-table-column"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-table-column":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableColumn);
+      }
+      break;
+  } });
+}
+
+const PTableColumn = TableColumn;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableColumn, defineCustomElement };

package/dist/components/p-table-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableContainer extends Components.PTableContainer, HTMLElement {}
+export const PTableContainer: {
+  prototype: PTableContainer;
+  new (): PTableContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-container.js

@@ -0,0 +1,6 @@
+import { T as TableContainer, d as defineCustomElement$1 } from './table-container.component.js';
+
+const PTableContainer = TableContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableContainer, defineCustomElement };

package/dist/components/p-table-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableFooter extends Components.PTableFooter, HTMLElement {}
+export const PTableFooter: {
+  prototype: PTableFooter;
+  new (): PTableFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;