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

package/dist/collection/utils/table-helpers.js

@@ -1,99 +1,109 @@
 import { isTableColumnSizesKey, } from "../types";
 export 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);
-};
-export 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;
+};
+export 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,
-  };
 };
 export 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;
 };
 //# sourceMappingURL=table-helpers.js.map

package/dist/collection/utils/table-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-helpers.js","sourceRoot":"","sources":["../../src/utils/table-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["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"]}
+{"version":3,"file":"table-helpers.js","sourceRoot":"","sources":["../../src/utils/table-helpers.ts"],"names":[],"mappings":"AACA,OAAO,EACN,qBAAqB,GAGrB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACxC,UAA6B,EAC7B,OAAqD,EACrD,UAAmB,EAClB,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvE,MAAM,YAAY,GAAG,UAAU;QAC9B,CAAC,CAAC,wBAAwB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC;QAC3D,CAAC,CAAC,EAAE,CAAC;IAEN,OAAO;QACN,eAAe,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,KAAK,OAAO;QACpE,gBAAgB,EAAE,UAAU,EAAE,KAAK,KAAK,QAAQ;QAChD,aAAa,EAAE,UAAU,EAAE,KAAK,KAAK,KAAK;QAC1C,eAAe,EAAE,OAAO,KAAK,QAAQ,IAAI,UAAU,EAAE,IAAI,KAAK,IAAI;QAClE,iBAAiB,EAAE,OAAO,KAAK,QAAQ,IAAI,UAAU,EAAE,IAAI,KAAK,IAAI;QACpE,kBAAkB,EAAE,OAAO,KAAK,SAAS,IAAI,UAAU;QACvD,MAAM,EAAE,OAAO,KAAK,SAAS,IAAI,UAAU;QAC3C,GAAG,KAAK;QACR,GAAG,YAAY;KACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAChC,EACC,KAAK,GAGL,CAAC,sBAAsB,EACxB,OAAqD,EACpD,EAAE;IACH,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;QAChC,OAAO;YACN,QAAQ,EAAE,IAAI;SACd,CAAC;IACH,CAAC;IAED,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxB,OAAO;YACN,MAAM,EAAE,IAAI;SACZ,CAAC;IACH,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/B,KAAK,GAAG,KAAyB,CAAC;QAClC,MAAM,OAAO,GAAQ,EAAE,CAAC;QACxB,IAAI,YAA6C,CAAC;QAElD,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;gBACzC,SAAS;YACV,CAAC;YAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;oBAChC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;oBACzB,YAAY,GAAG,IAAI,CAAC;oBACpB,SAAS;gBACV,CAAC;gBAED,OAAO,CAAC,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC;gBACxC,YAAY,GAAG,IAAI,CAAC;gBACpB,SAAS;YACV,CAAC;YAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAChE,IACC,YAAY,KAAK,QAAQ;gBACzB,aAAa;gBACb,aAAa,KAAK,QAAQ;gBAC1B,OAAO,KAAK,SAAS,EACpB,CAAC;gBACF,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC;YAChC,CAAC;YAED,IAAI,YAAY,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBACxD,OAAO,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;gBACjC,YAAY,GAAG,IAAI,CAAC;gBACpB,SAAS;YACV,CAAC;YAED,IAAI,YAAY,KAAK,EAAE,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;gBACpD,OAAO,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;YAClC,CAAC;YAED,OAAO,CAAC,GAAG,IAAI,MAAM,YAAY,KAAK,CAAC,GAAG,IAAI,CAAC;YAC/C,YAAY,GAAG,IAAI,CAAC;QACrB,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACtC,OAAO;YACN,QAAQ,EAAE,IAAI;SACd,CAAC;IACH,CAAC;IAED,eAAe;IACf,OAAO;QACN,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,IAAI;KACvB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACvC,EACC,MAAM,EACN,WAAW,GAIX,CAAC,sBAAsB,EACxB,OAAqD,EACrD,UAAmB,EAClB,EAAE;IACH,MAAM,MAAM,GAA+B,EAAE,CAAC;IAE9C,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACxB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC;QACrB,CAAC;QAED,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,GAAG,MAAM,oBAAoB,CAAC;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACZ,WAAW,CAAC,IAA8B,CAAC,KAAK,QAAQ,CAAC;gBAC1D,UAAU;gBACV,WAAW,CAAC,IAA8B,CAAC,KAAK,EAAE;gBAClD,OAAO,KAAK,SAAS,CAAC;QAEvB,MAAM,uBAAuB,GAC5B,WAAW,CAAC,IAA8B,CAAC,KAAK,EAAE;YAClD,OAAO,KAAK,SAAS,CAAC;QACvB,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,GAAG,uBAAuB,CAAC;QACtD,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,GAAG,uBAAuB,CAAC;QAErD,MAAM,CAAC,GAAG,MAAM,kBAAkB,CAAC;YAClC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACb,WAAW,CAAC,IAA8B,CAAC,KAAK,QAAQ;gBACxD,OAAO,KAAK,SAAS,CAAC;gBACvB,OAAO,KAAK,SAAS,CAAC;QAEvB,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC;YACtB,WAAW,CAAC,IAA8B,CAAC,KAAK,QAAQ;gBACxD,OAAO,KAAK,SAAS,CAAC;IACxB,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC","sourcesContent":["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"]}

package/dist/collection/utils/transformers.js

@@ -1,5 +1,5 @@
 export const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
 export const snakeToCamelCase = (str) => str
-  .toLowerCase()
-  .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
+    .toLowerCase()
+    .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 //# sourceMappingURL=transformers.js.map

package/dist/collection/utils/transformers.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformers.js","sourceRoot":"","sources":["../../src/utils/transformers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE,CACpC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE,CACpC,GAAG;GACE,WAAW,EAAE;GACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CACxD,CAAC","sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n"]}
+{"version":3,"file":"transformers.js","sourceRoot":"","sources":["../../src/utils/transformers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE,CACpC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE,CACpC,GAAG;KACE,WAAW,EAAE;KACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CACxD,CAAC","sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n"]}

package/dist/components/avatar.component.js

@@ -1,80 +1,81 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { c as cva } from './index2.js';
 
-const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
+const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
+const PAvatarStyle0 = avatarComponentCss;
 
 const avatar = cva([
-  'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center',
+    'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',
 ], {
-  variants: {
-    size: {
-      xs: 'h-4 text-xxs',
-      sm: 'h-6 text-xs',
-      base: 'h-8 text-base',
-      lg: 'h-10 text-xl',
-      xl: 'h-14 text-xl',
-      '2xl': 'h-20 text-4xl',
-      '3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',
-      '4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',
+    variants: {
+        size: {
+            xs: 'h-4 text-xxs',
+            sm: 'h-6 text-xs',
+            base: 'h-8 text-base',
+            lg: 'h-10 text-xl',
+            xl: 'h-14 text-xl',
+            '2xl': 'h-20 text-4xl',
+            '3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',
+            '4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',
+        },
     },
-  },
 });
 const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.size = 'base';
-    this.defaultImage = undefined;
-    this.src = undefined;
-    this.letters = ' ';
-    this._src = undefined;
-    this._failed = false;
-  }
-  onSrchChange(src) {
-    this._failed = false;
-    this._src = src;
-  }
-  componentWillLoad() {
-    this.onSrchChange(this.src);
-    if (!this._src) {
-      this._setFailed();
+    constructor() {
+        super();
+        this.__registerHost();
+        this.size = 'base';
+        this.defaultImage = undefined;
+        this.src = undefined;
+        this.letters = undefined;
+        this._src = undefined;
+        this._failed = false;
     }
-  }
-  render() {
-    return (h(Host, { class: avatar({
-        size: this.size,
-      }) }, this._failed ? (this.letters) : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
-  }
-  _setFailed() {
-    this._failed = true;
-    this._src = undefined;
-  }
-  static get watchers() { return {
-    "src": ["onSrchChange"]
-  }; }
-  static get style() { return avatarComponentCss; }
+    onSrchChange(src) {
+        this._failed = false;
+        this._src = src;
+    }
+    componentWillLoad() {
+        this.onSrchChange(this.src);
+        if (!this._src) {
+            this._setFailed();
+        }
+    }
+    render() {
+        return (h(Host, { key: 'fff35b491e4adc3a00cc3b15006c1017853a7f5e', class: avatar({
+                size: this.size,
+            }) }, this._failed ? (this.letters?.[0] ?? ' ') : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
+    }
+    _setFailed() {
+        this._failed = true;
+        this._src = undefined;
+    }
+    static get watchers() { return {
+        "src": ["onSrchChange"]
+    }; }
+    static get style() { return PAvatarStyle0; }
 }, [0, "p-avatar", {
-    "size": [513],
-    "defaultImage": [1, "default-image"],
-    "src": [1],
-    "letters": [1],
-    "_src": [32],
-    "_failed": [32]
-  }, undefined, {
-    "src": ["onSrchChange"]
-  }]);
+        "size": [513],
+        "defaultImage": [1, "default-image"],
+        "src": [1],
+        "letters": [1],
+        "_src": [32],
+        "_failed": [32]
+    }, undefined, {
+        "src": ["onSrchChange"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-avatar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-avatar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Avatar);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-avatar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-avatar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Avatar);
+            }
+            break;
+    } });
 }
 
 export { Avatar as A, defineCustomElement as d };

package/dist/components/avatar.component.js.map

@@ -1 +1 @@
-{"file":"avatar.component.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,urDAAurD;;ACGltD,MAAM,MAAM,GAAG,GAAG,CACjB;EACC,kIAAkI;CAClI,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,aAAa;MACjB,IAAI,EAAE,eAAe;MACrB,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,cAAc;MAClB,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE,yCAAyC;MAChD,KAAK,EAAE,yCAAyC;KAChD;GACD;CACD,CACD,CAAC;MAOW,MAAM;;;;gBAYP,MAAM;;;mBAeS,GAAG;;mBAGO,KAAK;;EAGzC,YAAY,CAAC,GAAW;IACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GAChB;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;GACD;EAED,MAAM;IACL,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;OACf,CAAC,IAED,IAAI,CAAC,OAAO,IACZ,IAAI,CAAC,OAAO,KAEZ,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAC/B,CACF,CACK,EACN;GACF;EAEO,UAAU;IACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;GACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string = ' ';\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
+{"file":"avatar.component.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D,CAAC;AAC97D,sBAAe,kBAAkB;;ACEjC,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,wLAAwL;CACxL,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,eAAe;YACrB,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,yCAAyC;YAChD,KAAK,EAAE,yCAAyC;SAChD;KACD;CACD,CACD,CAAC;MAOW,MAAM;;;;oBAYP,MAAM;;;;;uBAkBmB,KAAK;;IAGzC,YAAY,CAAC,GAAW;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;KAChB;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;SAClB;KACD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,IAED,IAAI,CAAC,OAAO,IACZ,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,KAExB,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAC/B,CACF,CACK,EACN;KACF;IAEO,UAAU;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters?.[0] ?? ' '\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}

package/dist/components/backdrop.component.js

@@ -2,108 +2,113 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { c as cva } from './index2.js';
 
 const backdropComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.p-0{padding:0!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-0{padding:0!important}.desktop-xs\\:p-16{padding:4rem!important}}";
+const PBackdropStyle0 = backdropComponentCss;
 
 const backdrop = cva([
-  'flex',
-  'fixed left-0 top-0 z-backdrop',
-  'h-full w-full',
-  'overflow-hidden',
-  'bg-black-teal-800/40',
-  'max-h-screen max-w-screen',
+    'flex',
+    'fixed left-0 top-0 z-backdrop',
+    'h-full w-full',
+    'overflow-hidden',
+    'bg-black-teal-800/40',
+    'max-h-screen max-w-screen',
 ], {
-  variants: {
-    blur: {
-      false: null,
-      true: 'backdrop-blur-sm',
+    variants: {
+        blur: {
+            false: null,
+            true: 'backdrop-blur-sm',
+        },
+        closing: {
+            false: 'animate-fade-in',
+            true: 'animate-fade-out pointer-events-none',
+        },
     },
-    closing: {
-      false: 'animate-fade-in',
-      true: 'animate-fade-out pointer-events-none',
-    },
-  },
 });
 const contentContainer = cva([
-  'h-full w-full overflow-y-auto overflow-x-hidden',
-  'pt-16 tablet:px-16 desktop-xs:p-16',
-  'flex items-end justify-center desktop-xs:items-stretch',
-  'max-h-screen max-w-screen',
+    'h-full w-full overflow-y-auto overflow-x-hidden',
+    'pt-16 tablet:px-16 desktop-xs:p-16',
+    'flex items-end justify-center desktop-xs:items-stretch',
+    'max-h-screen max-w-screen',
 ], {
-  variants: {
-    variant: {
-      modal: null,
-      drawer: [
-        'items-start justify-end desktop-xs:items-start',
-        'p-0 tablet:p-0 desktop-xs:p-0',
-      ],
-    },
-    closing: {
-      false: null,
-      true: 'overflow-hidden',
+    variants: {
+        variant: {
+            modal: null,
+            drawer: [
+                'items-start justify-end desktop-xs:items-start',
+                'p-0 tablet:p-0 desktop-xs:p-0',
+            ],
+        },
+        closing: {
+            false: null,
+            true: 'overflow-hidden',
+        },
     },
-  },
 });
 const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.clicked = createEvent(this, "clicked", 3);
-    this.variant = 'modal';
-    this.applyBlur = false;
-    this.closing = false;
-    this.scrollLock = true;
-    this.class = undefined;
-  }
-  componentWillLoad() {
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.add('scroll-lock');
+    constructor() {
+        super();
+        this.__registerHost();
+        this.clicked = createEvent(this, "clicked", 3);
+        this.variant = 'modal';
+        this.applyBlur = false;
+        this.closing = false;
+        this.scrollLock = true;
+        this.class = undefined;
     }
-  }
-  disconnectedCallback() {
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.remove('scroll-lock');
+    /**
+     * When the backdrop is clicked
+     */
+    clicked;
+    get _el() { return this; }
+    componentWillLoad() {
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.add('scroll-lock');
+        }
     }
-  }
-  componentWillUpdate() {
-    if (!this.scrollLock) {
-      document.querySelector(':root').classList.remove('scroll-lock');
+    disconnectedCallback() {
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.remove('scroll-lock');
+        }
     }
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.add('scroll-lock');
+    componentWillUpdate() {
+        if (!this.scrollLock) {
+            document.querySelector(':root').classList.remove('scroll-lock');
+        }
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.add('scroll-lock');
+        }
     }
-  }
-  render() {
-    return (h(Host, { class: backdrop({ blur: this.applyBlur, closing: this.closing }) }, h("div", { class: contentContainer({
-        variant: this.variant,
-        closing: this.closing,
-      }) }, h("slot", null))));
-  }
-  handleClick(ev) {
-    if (ev.target !== this._el && !this._el.contains(ev.target)) {
-      return;
+    render() {
+        return (h(Host, { key: '95e2d867232dd27eb5212caecdad42094b8fb836', class: backdrop({ blur: this.applyBlur, closing: this.closing }) }, h("div", { key: '802fb372c2a447a2125de6cc2d5839c2fafe7945', class: contentContainer({
+                variant: this.variant,
+                closing: this.closing,
+            }) }, h("slot", { key: '2b3b67f9e67767c186fac3bcc9da5377acbec9ef' }))));
     }
-    this.clicked.emit(ev);
-  }
-  get _el() { return this; }
-  static get style() { return backdropComponentCss; }
+    handleClick(ev) {
+        if (ev.target !== this._el && !this._el.contains(ev.target)) {
+            return;
+        }
+        this.clicked.emit(ev);
+    }
+    static get style() { return PBackdropStyle0; }
 }, [4, "p-backdrop", {
-    "variant": [1],
-    "applyBlur": [4, "apply-blur"],
-    "closing": [4],
-    "scrollLock": [4, "scroll-lock"],
-    "class": [1]
-  }, [[2, "click", "handleClick"]]]);
+        "variant": [1],
+        "applyBlur": [4, "apply-blur"],
+        "closing": [4],
+        "scrollLock": [4, "scroll-lock"],
+        "class": [1]
+    }, [[2, "click", "handleClick"]]]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-backdrop"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-backdrop":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Backdrop);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-backdrop"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-backdrop":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Backdrop);
+            }
+            break;
+    } });
 }
 
 export { Backdrop as B, defineCustomElement as d };