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

package/dist/components/object-get-by-path.js

@@ -1,112 +1,122 @@
 function isTableColumnSizesKey(x, k) {
-  return k in x;
+    return k in x;
 }
 
 const getTableCellColumnClasses = (definition, variant, hasActions) => {
-  const sizes = definition ? getTableCellSizes(definition, variant) : {};
-  const isLastValues = definition
-    ? getTableCellIsLastValues(definition, variant, hasActions)
-    : {};
-  return Object.assign(Object.assign({ 'justify-start': !(definition === null || definition === void 0 ? void 0 : definition.align) || (definition === null || definition === void 0 ? void 0 : definition.align) === 'start', 'justify-center': (definition === null || definition === void 0 ? void 0 : definition.align) === 'center', 'justify-end': (definition === null || definition === void 0 ? void 0 : definition.align) === 'end', 'font-semibold': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'text-storm-dark': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'group-hover:flex': variant === 'actions' && hasActions, hidden: variant === 'actions' && hasActions }, sizes), isLastValues);
-};
-const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
-  if (sizes === 'auto' || !sizes) {
+    const sizes = definition ? getTableCellSizes(definition, variant) : {};
+    const isLastValues = definition
+        ? getTableCellIsLastValues(definition, variant, hasActions)
+        : {};
     return {
-      'w-auto': true,
+        'justify-start': !definition?.align || definition?.align === 'start',
+        'justify-center': definition?.align === 'center',
+        'justify-end': definition?.align === 'end',
+        'font-semibold': variant !== 'header' && definition?.type === 'th',
+        'text-storm-dark': variant !== 'header' && definition?.type === 'th',
+        'group-hover:flex': variant === 'actions' && hasActions,
+        hidden: variant === 'actions' && hasActions,
+        ...sizes,
+        ...isLastValues,
     };
-  }
-  if (sizes === 'hidden') {
-    return {
-      hidden: true,
-    };
-  }
-  if (typeof sizes === 'object') {
-    sizes = sizes;
-    const classes = {};
-    let previousSize;
-    for (let size in sizes) {
-      if (!isTableColumnSizesKey(sizes, size)) {
-        continue;
-      }
-      if (size === 'default') {
-        if (sizes.default === 'hidden') {
-          classes['hidden'] = true;
-          previousSize = size;
-          continue;
+};
+const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
+    if (sizes === 'auto' || !sizes) {
+        return {
+            'w-auto': true,
+        };
+    }
+    if (sizes === 'hidden') {
+        return {
+            hidden: true,
+        };
+    }
+    if (typeof sizes === 'object') {
+        sizes = sizes;
+        const classes = {};
+        let previousSize;
+        for (let size in sizes) {
+            if (!isTableColumnSizesKey(sizes, size)) {
+                continue;
+            }
+            if (size === 'default') {
+                if (sizes.default === 'hidden') {
+                    classes['hidden'] = true;
+                    previousSize = size;
+                    continue;
+                }
+                classes[`w-${sizes.default}/12`] = true;
+                previousSize = size;
+                continue;
+            }
+            const currentValue = sizes[size];
+            const previousValue = previousSize ? sizes[previousSize] : null;
+            if (currentValue !== 'hidden' &&
+                previousValue &&
+                previousValue === 'hidden' &&
+                variant !== 'actions') {
+                classes[`${size}:flex`] = true;
+            }
+            if (currentValue === 'hidden' && variant !== 'actions') {
+                classes[`${size}:hidden`] = true;
+                previousSize = size;
+                continue;
+            }
+            if (currentValue === 12 || currentValue === 'full') {
+                classes[`${size}:w-full`] = true;
+            }
+            classes[`${size}:w-${currentValue}/12`] = true;
+            previousSize = size;
         }
-        classes[`w-${sizes.default}/12`] = true;
-        previousSize = size;
-        continue;
-      }
-      const currentValue = sizes[size];
-      const previousValue = previousSize ? sizes[previousSize] : null;
-      if (currentValue !== 'hidden' &&
-        previousValue &&
-        previousValue === 'hidden' &&
-        variant !== 'actions') {
-        classes[`${size}:flex`] = true;
-      }
-      if (currentValue === 'hidden' && variant !== 'actions') {
-        classes[`${size}:hidden`] = true;
-        previousSize = size;
-        continue;
-      }
-      if (currentValue === 12 || currentValue === 'full') {
-        classes[`${size}:w-full`] = true;
-      }
-      classes[`${size}:w-${currentValue}/12`] = true;
-      previousSize = size;
+        return classes;
     }
-    return classes;
-  }
-  if (sizes === 12 || sizes === 'full') {
+    if (sizes === 12 || sizes === 'full') {
+        return {
+            'w-full': true,
+        };
+    }
+    // is a number.
     return {
-      'w-full': true,
+        [`w-${sizes}/12`]: true,
     };
-  }
-  // is a number.
-  return {
-    [`w-${sizes}/12`]: true,
-  };
 };
 const getTableCellIsLastValues = ({ isLast, parsedSizes, } /* Table Definition */, variant, hasActions) => {
-  const values = {};
-  for (let size of Object.keys(isLast)) {
-    let prefix = '';
-    if (size !== 'default') {
-      prefix = `${size}:`;
+    const values = {};
+    for (let size of Object.keys(isLast)) {
+        let prefix = '';
+        if (size !== 'default') {
+            prefix = `${size}:`;
+        }
+        values[`${prefix}pr-4`] = !isLast[size];
+        values[`${prefix}pr-0`] = isLast[size];
+        values[`${prefix}group-hover:hidden`] =
+            (isLast[size] ||
+                parsedSizes[size] === 'hidden') &&
+                hasActions &&
+                parsedSizes[size] !== 12 &&
+                variant === 'default';
+        const actionsShouldBeAbsolute = parsedSizes[size] === 12 &&
+            variant === 'actions';
+        values[`${prefix}absolute`] = actionsShouldBeAbsolute;
+        values[`${prefix}right-6`] = actionsShouldBeAbsolute;
+        values[`${prefix}group-hover:flex`] =
+            (!isLast[size] &&
+                parsedSizes[size] !== 'hidden' &&
+                variant === 'default') ||
+                variant === 'actions';
+        values[`${prefix}flex`] =
+            parsedSizes[size] !== 'hidden' &&
+                variant !== 'actions';
     }
-    values[`${prefix}pr-4`] = !isLast[size];
-    values[`${prefix}pr-0`] = isLast[size];
-    values[`${prefix}group-hover:hidden`] =
-      (isLast[size] ||
-        parsedSizes[size] === 'hidden') &&
-        hasActions &&
-        parsedSizes[size] !== 12 &&
-        variant === 'default';
-    const actionsShouldBeAbsolute = parsedSizes[size] === 12 &&
-      variant === 'actions';
-    values[`${prefix}absolute`] = actionsShouldBeAbsolute;
-    values[`${prefix}right-6`] = actionsShouldBeAbsolute;
-    values[`${prefix}group-hover:flex`] =
-      (!isLast[size] &&
-        parsedSizes[size] !== 'hidden' &&
-        variant === 'default') ||
-        variant === 'actions';
-    values[`${prefix}flex`] =
-      parsedSizes[size] !== 'hidden' &&
-        variant !== 'actions';
-  }
-  return values;
+    return values;
 };
 
 const objectGetByPath = (obj, path, defaultValue = undefined) => {
-  const travel = (regexp) => String.prototype.split
-    .call(path, regexp)
-    .filter(Boolean)
-    .reduce((res, key) => res !== null && res !== undefined ? res[key] : res, obj);
-  const result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
-  return result === undefined || result === obj ? defaultValue : result;
+    const travel = (regexp) => String.prototype.split
+        .call(path, regexp)
+        .filter(Boolean)
+        .reduce((res, key) => res !== null && res !== undefined ? res[key] : res, obj);
+    const result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
+    return result === undefined || result === obj ? defaultValue : result;
 };
 
 export { getTableCellSizes as a, getTableCellIsLastValues as b, getTableCellColumnClasses as g, isTableColumnSizesKey as i, objectGetByPath as o };

package/dist/components/object-get-by-path.js.map

@@ -1 +1 @@
-{"file":"object-get-by-path.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n    identifier: string;\n    text: string | QuickFilterTextFunction;\n    count?: number;\n    default?: boolean;\n}\n\nexport interface RowClickEvent {\n    item: any;\n    ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n    value: any;\n    item: any;\n    index: number;\n    rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n    default: number | 'hidden' | 'full';\n    tablet?: number | 'hidden' | 'full';\n    'desktop-xs'?: number | 'hidden' | 'full';\n    'desktop-sm'?: number | 'hidden' | 'full';\n    desktop?: number | 'hidden' | 'full';\n    'desktop-lg'?: number | 'hidden' | 'full';\n    'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport interface TableColumnIsLast {\n    default: boolean;\n    tablet?: boolean;\n    'desktop-xs'?: boolean;\n    'desktop-sm'?: boolean;\n    desktop?: boolean;\n    'desktop-lg'?: boolean;\n    'desktop-xl'?: boolean;\n}\n\nexport type TableColumnSizesKey =\n    | 'default'\n    | 'tablet'\n    | 'desktop-xs'\n    | 'desktop-sm'\n    | 'desktop'\n    | 'desktop-lg'\n    | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n    x: TableColumnSizes,\n    k: PropertyKey\n): k is keyof TableColumnSizes {\n    return k in x;\n}\n","import { TableColumn } from '../components';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\tconst isLastValues = definition\n\t\t? getTableCellIsLastValues(definition, variant, hasActions)\n\t\t: {};\n\n\treturn {\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t'group-hover:flex': variant === 'actions' && hasActions,\n\t\thidden: variant === 'actions' && hasActions,\n\t\t...sizes,\n\t\t...isLastValues,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const getTableCellIsLastValues = (\n\t{\n\t\tisLast,\n\t\tparsedSizes,\n\t}: {\n\t\tisLast: { [key: string]: boolean };\n\t\tparsedSizes: TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst values: { [key: string]: boolean } = {};\n\n\tfor (let size of Object.keys(isLast)) {\n\t\tlet prefix = '';\n\t\tif (size !== 'default') {\n\t\t\tprefix = `${size}:`;\n\t\t}\n\n\t\tvalues[`${prefix}pr-4`] = !isLast[size];\n\t\tvalues[`${prefix}pr-0`] = isLast[size];\n\n\t\tvalues[`${prefix}group-hover:hidden`] =\n\t\t\t(isLast[size] ||\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] === 'hidden') &&\n\t\t\thasActions &&\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 12 &&\n\t\t\tvariant === 'default';\n\n\t\tconst actionsShouldBeAbsolute =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] === 12 &&\n\t\t\tvariant === 'actions';\n\t\tvalues[`${prefix}absolute`] = actionsShouldBeAbsolute;\n\t\tvalues[`${prefix}right-6`] = actionsShouldBeAbsolute;\n\n\t\tvalues[`${prefix}group-hover:flex`] =\n\t\t\t(!isLast[size] &&\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\t\tvariant === 'default') ||\n\t\t\tvariant === 'actions';\n\n\t\tvalues[`${prefix}flex`] =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\tvariant !== 'actions';\n\t}\n\n\treturn values;\n};\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}
+{"file":"object-get-by-path.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n    identifier: string;\n    text: string | QuickFilterTextFunction;\n    count?: number;\n    default?: boolean;\n}\n\nexport interface RowClickEvent {\n    item: any;\n    ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n    value: any;\n    item: any;\n    index: number;\n    rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n    default: number | 'hidden' | 'full';\n    tablet?: number | 'hidden' | 'full';\n    'desktop-xs'?: number | 'hidden' | 'full';\n    'desktop-sm'?: number | 'hidden' | 'full';\n    desktop?: number | 'hidden' | 'full';\n    'desktop-lg'?: number | 'hidden' | 'full';\n    'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport interface TableColumnIsLast {\n    default: boolean;\n    tablet?: boolean;\n    'desktop-xs'?: boolean;\n    'desktop-sm'?: boolean;\n    desktop?: boolean;\n    'desktop-lg'?: boolean;\n    'desktop-xl'?: boolean;\n}\n\nexport type TableColumnSizesKey =\n    | 'default'\n    | 'tablet'\n    | 'desktop-xs'\n    | 'desktop-sm'\n    | 'desktop'\n    | 'desktop-lg'\n    | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n    x: TableColumnSizes,\n    k: PropertyKey\n): k is keyof TableColumnSizes {\n    return k in x;\n}\n","import { TableColumn } from '../components';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\tconst isLastValues = definition\n\t\t? getTableCellIsLastValues(definition, variant, hasActions)\n\t\t: {};\n\n\treturn {\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t'group-hover:flex': variant === 'actions' && hasActions,\n\t\thidden: variant === 'actions' && hasActions,\n\t\t...sizes,\n\t\t...isLastValues,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const getTableCellIsLastValues = (\n\t{\n\t\tisLast,\n\t\tparsedSizes,\n\t}: {\n\t\tisLast: { [key: string]: boolean };\n\t\tparsedSizes: TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst values: { [key: string]: boolean } = {};\n\n\tfor (let size of Object.keys(isLast)) {\n\t\tlet prefix = '';\n\t\tif (size !== 'default') {\n\t\t\tprefix = `${size}:`;\n\t\t}\n\n\t\tvalues[`${prefix}pr-4`] = !isLast[size];\n\t\tvalues[`${prefix}pr-0`] = isLast[size];\n\n\t\tvalues[`${prefix}group-hover:hidden`] =\n\t\t\t(isLast[size] ||\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] === 'hidden') &&\n\t\t\thasActions &&\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 12 &&\n\t\t\tvariant === 'default';\n\n\t\tconst actionsShouldBeAbsolute =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] === 12 &&\n\t\t\tvariant === 'actions';\n\t\tvalues[`${prefix}absolute`] = actionsShouldBeAbsolute;\n\t\tvalues[`${prefix}right-6`] = actionsShouldBeAbsolute;\n\n\t\tvalues[`${prefix}group-hover:flex`] =\n\t\t\t(!isLast[size] &&\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\t\tvariant === 'default') ||\n\t\t\tvariant === 'actions';\n\n\t\tvalues[`${prefix}flex`] =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\tvariant !== 'actions';\n\t}\n\n\treturn values;\n};\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}

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

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface PAccordion extends Components.PAccordion, HTMLElement {}
 export const PAccordion: {
-  prototype: PAccordion;
-  new (): PAccordion;
+    prototype: PAccordion;
+    new (): PAccordion;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/p-accordion.js

@@ -3,60 +3,65 @@ import { d as defineCustomElement$3 } from './divider.component.js';
 import { d as defineCustomElement$2 } from './icon.component.js';
 
 const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.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,1))!important}";
+const PAccordionStyle0 = accordionComponentCss;
 
 const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.isOpen = createEvent(this, "isOpen", 3);
-    this.header = undefined;
-    this.open = false;
-    this.closeable = true;
-    this.openable = true;
-  }
-  render() {
-    return (h(Host, { class: 'p-accordion' }, h("div", { class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", null)), this.open && (h("div", { class: 'mt-6' }, h("slot", null)))));
-  }
-  _onClick() {
-    if (!this.closeable && this.open) {
-      return;
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.isOpen = createEvent(this, "isOpen", 3);
+        this.header = undefined;
+        this.open = false;
+        this.closeable = true;
+        this.openable = true;
     }
-    if (!this.openable && !this.open) {
-      return;
+    /**
+     * Open change event
+     */
+    isOpen;
+    render() {
+        return (h(Host, { key: '1987c3d70bcb8cbf640c5df6f3f4f9d6b4e91580', class: 'p-accordion' }, h("div", { key: '6b1b9e48c71f8eaf4d57d3ad0d200c7a1d5786e7', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: 'a3730b1c6a0df8ea19b0bd0a860f297fda3950a1', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'd1c3e010caf52118b2f949f63cbf38f5958f08f8', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '64e9ea96be09d1c832ca29bb25d00ff8093d21ee' })), this.open && (h("div", { key: '0b233c739b2b4f4619d59a479fb201bfff84d68d', class: 'mt-6' }, h("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' })))));
     }
-    this.open = !this.open;
-    this.isOpen.emit(this.open);
-  }
-  static get style() { return accordionComponentCss; }
+    _onClick() {
+        if (!this.closeable && this.open) {
+            return;
+        }
+        if (!this.openable && !this.open) {
+            return;
+        }
+        this.open = !this.open;
+        this.isOpen.emit(this.open);
+    }
+    static get style() { return PAccordionStyle0; }
 }, [1, "p-accordion", {
-    "header": [1],
-    "open": [4],
-    "closeable": [4],
-    "openable": [4]
-  }]);
+        "header": [1],
+        "open": [4],
+        "closeable": [4],
+        "openable": [4]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-accordion", "p-divider", "p-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-accordion":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Accordion);
-      }
-      break;
-    case "p-divider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-accordion", "p-divider", "p-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Accordion);
+            }
+            break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const PAccordion = Accordion;

package/dist/components/p-accordion.js.map

@@ -1 +1 @@
-{"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,glBAAglB;;MCOjmB,SAAS;;;;;;;gBASG,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAUhC,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACxB,WACC,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC1B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,MAAM,CAAK,EACtE,oBAAa,CACR,EACL,IAAI,CAAC,IAAI,KACT,WAAK,KAAK,EAAC,MAAM,IAChB,eAAQ,CACH,CACN,CACK,EACN;GACF;EAEO,QAAQ;IACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n\t@apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.scss',\n\tshadow: true,\n})\nexport class Accordion {\n\t/**\n\t * Header of the accordion\n\t */\n\t@Prop() header!: string;\n\n\t/**\n\t * Wether the accordion is open\n\t */\n\t@Prop() open: boolean = false;\n\n\t/**\n\t * Wether the accordion can be closed\n\t */\n\t@Prop() closeable: boolean = true;\n\n\t/**\n\t * Wether the accordion can be opened\n\t */\n\t@Prop() openable: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-accordion'>\n\t\t\t\t<div\n\t\t\t\t\tclass='flex cursor-pointer items-center gap-3 text-storm-vague'\n\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\trotate={this.open ? 0 : -90}\n\t\t\t\t\t/>\n\t\t\t\t\t<p class='m-0 whitespace-nowrap text-lg font-medium'>{this.header}</p>\n\t\t\t\t\t<p-divider />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class='mt-6'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (!this.closeable && this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.openable && !this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.open = !this.open;\n\t\tthis.isOpen.emit(this.open);\n\t}\n}\n"],"version":3}
+{"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,glBAAglB,CAAC;AAC/mB,yBAAe,qBAAqB;;MCMvB,SAAS;;;;;;;oBASG,KAAK;yBAKA,IAAI;wBAKL,IAAI;;;;;IAQhC,MAAM,CAAwB;IAE9B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa,IACxB,4DACC,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,+DACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC1B,EACF,0DAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,MAAM,CAAK,EACtE,mEAAa,CACR,EACL,IAAI,CAAC,IAAI,KACT,4DAAK,KAAK,EAAC,MAAM,IAChB,8DAAQ,CACH,CACN,CACK,EACN;KACF;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACjC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n\t@apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.scss',\n\tshadow: true,\n})\nexport class Accordion {\n\t/**\n\t * Header of the accordion\n\t */\n\t@Prop() header!: string;\n\n\t/**\n\t * Wether the accordion is open\n\t */\n\t@Prop() open: boolean = false;\n\n\t/**\n\t * Wether the accordion can be closed\n\t */\n\t@Prop() closeable: boolean = true;\n\n\t/**\n\t * Wether the accordion can be opened\n\t */\n\t@Prop() openable: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-accordion'>\n\t\t\t\t<div\n\t\t\t\t\tclass='flex cursor-pointer items-center gap-3 text-storm-vague'\n\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\trotate={this.open ? 0 : -90}\n\t\t\t\t\t/>\n\t\t\t\t\t<p class='m-0 whitespace-nowrap text-lg font-medium'>{this.header}</p>\n\t\t\t\t\t<p-divider />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class='mt-6'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (!this.closeable && this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.openable && !this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.open = !this.open;\n\t\tthis.isOpen.emit(this.open);\n\t}\n}\n"],"version":3}

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

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface PAttachment extends Components.PAttachment, HTMLElement {}
 export const PAttachment: {
-  prototype: PAttachment;
-  new (): PAttachment;
+    prototype: PAttachment;
+    new (): PAttachment;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/p-attachment.js

@@ -1,79 +1,93 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './button.component.js';
-import { d as defineCustomElement$5 } from './icon.component.js';
-import { d as defineCustomElement$4 } from './input-error.component.js';
-import { d as defineCustomElement$3 } from './loader.component.js';
+import { d as defineCustomElement$7 } from './button.component.js';
+import { d as defineCustomElement$6 } from './icon.component.js';
+import { d as defineCustomElement$5 } from './input-error.component.js';
+import { d as defineCustomElement$4 } from './loader.component.js';
+import { d as defineCustomElement$3 } from './portal.component.js';
 import { d as defineCustomElement$2 } from './tooltip.component.js';
 
 const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!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-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";
+const PAttachmentStyle0 = attachmentComponentCss;
 
 const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.download = createEvent(this, "download", 3);
-    this.delete = createEvent(this, "delete", 3);
-    this.mode = 'read';
-    this.loading = false;
-    this.error = undefined;
-    this.downloading = false;
-  }
-  render() {
-    var _a, _b;
-    let prefix = h("p-icon", { variant: 'attachment' });
-    if (this.loading) {
-      prefix = h("p-loader", null);
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.download = createEvent(this, "download", 3);
+        this.delete = createEvent(this, "delete", 3);
+        this.mode = 'read';
+        this.loading = false;
+        this.error = undefined;
+        this.downloading = false;
     }
-    if (this.error) {
-      prefix = (h("p-icon", { variant: 'warning', class: 'text-negative' }));
+    /**
+     * Event when download is pressed
+     */
+    download;
+    /**
+     * Event when delete is pressed
+     */
+    delete;
+    render() {
+        let prefix = h("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
+        if (this.loading) {
+            prefix = h("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
+        }
+        if (this.error) {
+            prefix = (h("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
+        }
+        return (h(Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && h("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), h("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
-    return (h(Host, { class: 'p-attachment flex items-start gap-4' }, h("div", { class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", null)), ((_b = this.error) === null || _b === void 0 ? void 0 : _b.length) && h("p-input-error", { error: this.error })), h("p-button", { variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
-  }
-  static get style() { return attachmentComponentCss; }
+    static get style() { return PAttachmentStyle0; }
 }, [1, "p-attachment", {
-    "mode": [1],
-    "loading": [4],
-    "error": [1],
-    "downloading": [4]
-  }]);
+        "mode": [1],
+        "loading": [4],
+        "error": [1],
+        "downloading": [4]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-attachment", "p-button", "p-icon", "p-input-error", "p-loader", "p-tooltip"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-attachment":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Attachment);
-      }
-      break;
-    case "p-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "p-input-error":
-      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;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-attachment", "p-button", "p-icon", "p-input-error", "p-loader", "p-portal", "p-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-attachment":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Attachment);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "p-input-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const PAttachment = Attachment;

package/dist/components/p-attachment.js.map

@@ -1 +1 @@
-{"file":"p-attachment.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,i+BAAi+B;;MCOn/B,UAAU;;;;;;;gBAIW,MAAM;mBAKrB,KAAK;;uBAkBD,KAAK;;EAU3B,MAAM;;IACL,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,MAAM,GAAG,mBAAY,CAAC;KACtB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,MAAM,IACL,cACC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,eAAe,GACpB,CACF,CAAC;KACF;IAED,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAChD,WACC,KAAK,EAAE,sFACN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,eAAe,GAAG,mBACxC,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IAC3E,eAAQ,CACF,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtD,EAEN,gBACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MACV,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAE3D,CACI,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant='attachment' />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-attachment flex items-start gap-4'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length ? 'text-negative' : 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class='min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='secondary'\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.delete).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-attachment.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,i+BAAi+B,CAAC;AACjgC,0BAAe,sBAAsB;;MCMxB,UAAU;;;;;;;oBAIW,MAAM;uBAKrB,KAAK;;2BAkBD,KAAK;;;;;IAL3B,QAAQ,CAAoB;;;;IAa5B,MAAM,CAAoB;IAE1B,MAAM;QACL,IAAI,MAAM,GAAG,+DAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;QAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,GAAG,kEAAY,CAAC;SACtB;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,MAAM,IACL,+DACC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,eAAe,GACpB,CACF,CAAC;SACF;QAED,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qCAAqC,IAChD,4DACC,KAAK,EAAE,sFACN,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,mBACxC,EAAE,IAED,MAAM,EAEP,6DAAM,KAAK,EAAC,gEAAgE,IAC3E,8DAAQ,CACF,EAEN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,sEAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtD,EAEN,iEACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MACV,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAE3D,CACI,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant='attachment' />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-attachment flex items-start gap-4'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length ? 'text-negative' : 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class='min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='secondary'\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.delete).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface PAvatarGroup extends Components.PAvatarGroup, HTMLElement {}
 export const PAvatarGroup: {
-  prototype: PAvatarGroup;
-  new (): PAvatarGroup;
+    prototype: PAvatarGroup;
+    new (): PAvatarGroup;
 };
 /**
  * Used to define this component and all nested components recursively.