@bundle-stats/ui 4.2.2 → 4.2.3-beta.1

package/lib-esm/components/asset-info/asset-info.js

@@ -1,57 +1,48 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { useMemo } from 'react';
 import cx from 'classnames';
-import { getBundleModulesByChunk, getModuleFileType } from '@bundle-stats/utils';
-import { Stack } from '../../layout/stack';
-import { FileName } from '../../ui/file-name';
+import noop from 'lodash/noop';
+import { FILE_TYPE_LABELS, getBundleModulesByChunk, getBundleAssetsByEntryType, getBundleAssetsFileTypeComponentLink, getModuleFileType, getBundleAssetsByChunk, } from '@bundle-stats/utils';
+import { FlexStack } from '../../layout/flex-stack';
+import { AssetMetaTag } from '../asset-meta-tag';
 import { ComponentLink } from '../component-link';
+import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
+import * as I18N from './asset-info.i18n';
 import css from './asset-info.module.css';
-const ChunkModulesLink = ({ as: Component, chunks, chunkId, name }) => {
-    const chunk = chunks === null || chunks === void 0 ? void 0 : chunks.find(({ id }) => id === chunkId);
-    if (!chunk) {
-        return null;
-    }
-    const chunkIds = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ id }) => id);
+const ChunkModulesLink = ({ as: Component, chunk, chunkIds, name, onClick, }) => {
     const fileType = getModuleFileType(name);
-    return (React.createElement(Component, { className: css.viewModules, ...getBundleModulesByChunk(chunkIds, chunkId, fileType) }, "View chunk modules"));
+    return (React.createElement(Component, { className: css.viewModules, ...getBundleModulesByChunk(chunkIds, chunk.id, fileType), onClick: onClick }, "View chunk modules"));
 };
-ChunkModulesLink.propTypes = {
-    as: PropTypes.elementType.isRequired,
-    chunks: PropTypes.array,
-    chunkId: PropTypes.string,
-    name: PropTypes.string,
-};
-ChunkModulesLink.defaultProps = {
-    chunks: [],
-    chunkId: '',
-    name: '',
+const AssetRunName = (props) => {
+    const { run, children } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: css.runNameTags },
+            run.isEntry && React.createElement(AssetMetaTag, { tag: "entry", title: I18N.ENTRY, size: "small" }),
+            run.isInitial && React.createElement(AssetMetaTag, { tag: "initial", title: I18N.INITIAL, size: "small" }),
+            run.isChunk && React.createElement(AssetMetaTag, { tag: "chunk", title: I18N.CHUNK, size: "small" })),
+        children));
 };
 export const AssetInfo = (props) => {
-    const { className, chunks, item, labels, CustomComponentLink } = props;
-    return (React.createElement(Stack, { space: "xsmall", className: cx(css.root, className) }, item.runs.map((run, index) => {
-        const Title = index !== 0 ? 'h4' : 'h3';
-        const key = `asset-info-${(run === null || run === void 0 ? void 0 : run.name) || index}-${index}`;
-        return (React.createElement(Stack, { space: "xxxsmall", key: key },
-            React.createElement(Title, null, labels[index]),
-            React.createElement(FileName, { className: css.fileName, as: 'code', name: (run === null || run === void 0 ? void 0 : run.name) || '-' }),
-            index === 0 && (React.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: run === null || run === void 0 ? void 0 : run.chunkId, name: run === null || run === void 0 ? void 0 : run.name }))));
-    })));
-};
-AssetInfo.propTypes = {
-    className: PropTypes.string,
-    item: PropTypes.shape({
-        runs: PropTypes.arrayOf(PropTypes.shape({
-            name: PropTypes.string,
-            chunkId: PropTypes.string,
-        })),
-    }).isRequired,
-    labels: PropTypes.arrayOf(PropTypes.string).isRequired,
-    chunks: PropTypes.array,
-    CustomComponentLink: PropTypes.elementType,
-};
-AssetInfo.defaultProps = {
-    className: '',
-    chunks: [],
-    CustomComponentLink: ComponentLink,
+    var _a;
+    const { className = '', chunks = null, customComponentLink: CustomComponentLink = ComponentLink, item, labels, onClick = noop, onClose, } = props;
+    const currentRun = (_a = item.runs) === null || _a === void 0 ? void 0 : _a[0];
+    const tags = useMemo(() => {
+        if (!item.isEntry && !item.isInitial && !item.isChunk) {
+            return null;
+        }
+        return (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", className: css.tags },
+            item.isEntry && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('entry'), onClick: onClick, tag: "entry", size: "medium", status: item.isEntry, className: css.assetNameTag }, I18N.ENTRYPOINT)),
+            item.isInitial && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('initial'), onClick: onClick, tag: "initial", size: "medium", status: item.isInitial, className: cx(css.assetNameTag, css.assetNameTagInitial) }, I18N.INITIAL)),
+            item.isChunk && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('chunk'), onClick: onClick, tag: "chunk", size: "medium", status: item.isChunk, className: cx(css.assetNameTag, css.assetNameTagChunk) }, I18N.CHUNK))));
+    }, [item]);
+    const fileTypeLabel = FILE_TYPE_LABELS[item.fileType];
+    const currentChunk = chunks === null || chunks === void 0 ? void 0 : chunks.find((chunk) => (currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId) && currentRun.chunkId === chunk.id);
+    const chunkIds = (chunks === null || chunks === void 0 ? void 0 : chunks.filter(Boolean).map((chunk) => chunk.id)) || [];
+    return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, RunName: AssetRunName, className: cx(css.root, className) },
+        item.fileType && (React.createElement(EntryInfo.Meta, { label: I18N.FILE_TYPE, tooltip: I18N.FILE_TYPE_TOOLTIP },
+            React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleAssetsFileTypeComponentLink(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
+        currentChunk && (React.createElement(EntryInfo.Meta, { label: I18N.CHUNK, tooltip: I18N.CHUNK_TOOLTIP },
+            React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleAssetsByChunk(chunkIds, currentRun.chunkId), onClick: onClick }, currentChunk.name))),
+        currentChunk && (React.createElement("div", null,
+            React.createElement(ChunkModulesLink, { as: CustomComponentLink, chunk: currentChunk, chunkIds: chunkIds, name: currentRun === null || currentRun === void 0 ? void 0 : currentRun.name, onClick: onClick })))));
 };
 //# sourceMappingURL=asset-info.js.map

package/lib-esm/components/asset-info/asset-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/asset-info/asset-info.module.css

@@ -1,9 +1,40 @@
-.fileName {
-  max-width: 100%;
-  padding: 2px;
-  background: var(--color-highlight-warning);
+.assetNameTag {
+  color: var(--color-background);
 }
 
-.viewModules {
+.assetNameTag:hover,
+.assetNameTag:active,
+.assetNameTag:focus {
+  color: var(--color-background);
+}
+
+.assetNameTagEntry {
+  background: var(--color-info-dark);
+}
+
+.assetNameTagInitial {
+  background: var(--color-info);
+}
+
+.assetNameTagChunk {
+  background: var(--color-info-light);
+}
+
+.label {
+  display: inline-block;
+  min-width: 6em;
+}
+
+.label::after {
+  content: ' ';
+}
+
+.runNameTags {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--space-xxxsmall) / 2);
+}
+
+.runNameTags:empty {
   display: block;
 }

package/lib-esm/components/asset-info/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-info/index.js"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/components/asset-meta-tag/asset-meta-tag.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cx from 'classnames';
+import { Tag } from '../../ui/tag';
+import css from './asset-meta-tag.module.css';
+export const AssetMetaTag = (props) => {
+    const { className = '', title, tag, status, ...restProps } = props;
+    const rootClassName = cx(css.root, status === 'added' && css.added, status === 'removed' && css.removed, css[tag], className);
+    return (React.createElement(Tag, { className: rootClassName, title: title, size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO, ...restProps }));
+};
+//# sourceMappingURL=asset-meta-tag.js.map

package/lib-esm/components/asset-meta-tag/asset-meta-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-meta-tag.js","sourceRoot":"","sources":["../../../src/components/asset-meta-tag/asset-meta-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAQ9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,MAAM,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,EAC/B,MAAM,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,EACnC,GAAG,CAAC,GAAG,CAAC,EACR,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,EACrB,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,KAChB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/components/asset-meta-tag/asset-meta-tag.module.css

@@ -0,0 +1,56 @@
+.root {
+  --background-color: var(--color-info);
+  background: var(--background-color);
+  overflow: hidden;
+  position: relative;
+  vertical-align: middle;
+}
+
+.root::before {
+  display: block;
+  content: ' ';
+  padding: 2px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 8px;
+  line-height: 1;
+  vertical-align: middle;
+}
+
+/* tag */
+.entry {
+  --background-color: var(--color-info-dark);
+}
+
+.entry:empty::before {
+  content: 'e';
+}
+
+.initial {
+  --background-color: var(--color-info);
+}
+
+.initial:empty::before {
+  content: 'i';
+}
+
+.chunk {
+  --background-color: var(--color-info-light);
+}
+
+.chunk:empty::before {
+  content: 'c';
+}
+
+/* status */
+.added {
+  background: linear-gradient(-45deg, var(--color-danger-light) 50%, var(--background-color) 50%) !important;
+}
+
+.removed {
+  background: linear-gradient(135deg, var(--color-danger-light) 50%, var(--background-color) 50%) !important;
+}
+

package/lib-esm/components/asset-meta-tag/index.js

@@ -0,0 +1,2 @@
+export * from './asset-meta-tag';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/asset-meta-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-meta-tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib-esm/components/asset-name/asset-name.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Icon } from '../../ui/icon';
+import { FileName } from '../../ui/file-name';
+import { HoverCard } from '../../ui/hover-card';
+import { AssetNotPredictive } from '../asset-not-predictive';
+import { AssetMetaTag } from '../asset-meta-tag';
+import css from './asset-name.module.css';
+const RUN_TITLE_CURRENT = 'Current';
+const RUN_TITLE_BASELINE = 'Baseline';
+const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
+export const AssetName = (props) => {
+    const { className = '', EntryComponentLink, row } = props;
+    const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
+    return (React.createElement("span", { className: className },
+        isNotPredictive && (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: Icon.ICONS.WARNING }), className: css.notPredictive, hoverCardClassName: css.notPredictiveHoverCard },
+            React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS }))),
+        React.createElement(EntryComponentLink, { entryId: row.key, className: css.name },
+            React.createElement("span", { className: css.metaTags },
+                isEntry && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Entrypoint", tag: "entry", status: isEntry })),
+                isInitial && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Initial", tag: "initial", status: isInitial })),
+                isChunk && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Chunk", tag: "chunk", status: isChunk }))),
+            React.createElement(FileName, { className: css.nameText, name: label }))));
+};
+//# sourceMappingURL=asset-name.js.map

package/lib-esm/components/asset-name/asset-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-name.js","sourceRoot":"","sources":["../../../src/components/asset-name/asset-name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,SAAS,CAAC;AACpC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AACtC,MAAM,WAAW,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAQ5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC;IAE1E,OAAO,CACL,8BAAM,SAAS,EAAE,SAAS;QACvB,eAAe,IAAI,CAClB,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,EAC5E,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,kBAAkB,EAAE,GAAG,CAAC,sBAAsB;YAE9C,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,GAAI,CAC7C,CACb;QAED,oBAAC,kBAAkB,IAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI;YACvD,8BAAM,SAAS,EAAE,GAAG,CAAC,QAAQ;gBAC1B,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CACzF;gBACA,SAAS,IAAI,CACZ,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,KAAK,EAAC,SAAS,EACf,GAAG,EAAC,SAAS,EACb,MAAM,EAAE,SAAS,GACjB,CACH;gBACA,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CACpF,CACI;YACP,oBAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,GAAI,CAC/B,CAChB,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/components/asset-name/asset-name.module.css

@@ -0,0 +1,32 @@
+.notPredictive {
+  margin-right: var(--space-xxsmall);
+  display: inline-block;
+  width: var(--space-small);
+  height: var(--space-small);
+}
+
+.notPredictiveIcon {
+  color: var(--color-warning-dark);
+}
+
+.notPredictiveHoverCard {
+  max-width: 480px;
+}
+
+.metaTags {
+  display: inline;
+  margin-right: var(--space-xxxsmall);
+}
+
+.metaTag + .metaTag {
+  margin-left: calc(var(--space-xxxsmall) / 2);
+}
+
+.metaTags:empty {
+  display: none;
+}
+
+.nameText {
+  display: inline-block;
+  vertical-align: middle;
+}

package/lib-esm/components/asset-name/index.js

@@ -0,0 +1,2 @@
+export * from './asset-name';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/asset-name/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-name/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/components/asset-not-predictive/asset-not-predictive.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import cx from 'classnames';
+import { Stack } from '../../layout/stack';
+import { Table } from '../../ui/table';
+import css from './asset-not-predictive.module.css';
+import { Alert } from '../../ui';
+export const AssetNotPredictive = (props) => {
+    const { className = '', runs = null, labels = null, ...restProps } = props;
+    return (React.createElement(Stack, { space: "small", ...restProps, className: cx(css.root, className) },
+        React.createElement("h3", null, "Asset hash is not predictive"),
+        React.createElement(Alert, { kind: "warning" }, "File names are identical, but the size is different. Content changes without a hash change can cause runtime errors."),
+        runs && (React.createElement(Table, { outline: true, compact: true },
+            React.createElement(Table.THead, null,
+                React.createElement(Table.Tr, null,
+                    React.createElement(Table.Th, null, "\u00A0"),
+                    React.createElement(Table.Th, null, "File name"),
+                    React.createElement(Table.Th, { className: css.tableValue }, "Size"))),
+            React.createElement(Table.TBody, null, runs.map(({ name, value }, index) => (React.createElement(Table.Tr, { key: name },
+                React.createElement(Table.Th, null, labels === null || labels === void 0 ? void 0 : labels[index]),
+                React.createElement(Table.Td, { className: css.colName }, name),
+                React.createElement(Table.Td, { className: css.colvalue }, value)))))))));
+};
+//# sourceMappingURL=asset-not-predictive.js.map

package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-not-predictive.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/asset-not-predictive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,GAAG,MAAM,mCAAmC,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,KAAK,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACpE,+DAAqC;QACrC,oBAAC,KAAK,IAAC,IAAI,EAAC,SAAS,2HAGb;QACP,IAAI,IAAI,CACP,oBAAC,KAAK,IAAC,OAAO,QAAC,OAAO;YACpB,oBAAC,KAAK,CAAC,KAAK;gBACV,oBAAC,KAAK,CAAC,EAAE;oBACP,oBAAC,KAAK,CAAC,EAAE,iBAAkB;oBAC3B,oBAAC,KAAK,CAAC,EAAE,oBAAqB;oBAC9B,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,UAAU,WAAiB,CAC3C,CACC;YACd,oBAAC,KAAK,CAAC,KAAK,QACT,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,KAAK,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI;gBACjB,oBAAC,KAAK,CAAC,EAAE,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAY;gBACtC,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,IAAI,CAAY;gBACnD,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAG,KAAK,CAAY,CAC5C,CACZ,CAAC,CACU,CACR,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css

@@ -0,0 +1,8 @@
+.colName {
+  width: 100%;
+  overflow: hidden;
+}
+
+.colValue {
+  text-align: right;
+}

package/lib-esm/components/asset-not-predictive/index.js

@@ -0,0 +1,2 @@
+export * from './asset-not-predictive';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/asset-not-predictive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/lib-esm/components/bundle-assets/bundle-assets.i18n.js

@@ -0,0 +1,11 @@
+export const SEARCH_PLACEHOLDER = 'Search by asset path';
+export const CHANGED = 'Changed';
+export const ASSET_TYPE = 'Asset type';
+export const FILE_TYPE = 'File type';
+export const CHUNKS = 'Chunks';
+export const NO_CHUNK = 'No chunk';
+export const ENTRY = 'Entry';
+export const INITIAL = 'Initial';
+export const CHUNK = 'Chunk';
+export const OTHER = 'Other';
+//# sourceMappingURL=bundle-assets.i18n.js.map

package/lib-esm/components/bundle-assets/bundle-assets.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-assets.i18n.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AACvC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAC7B,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC"}