@esportsplus/ui 0.3.11 → 0.4.0

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
 import { html } from '@esportsplus/template';
 export default (attributes) => html `
-    <div class="ellipsis" ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
+<div class="ellipsis" ${attributes}>
+    <span></span>
+    <span></span>
+    <span></span>
+</div>
 `;

package/build/components/truncate/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    center: (str: string, { prefix, suffix }?: {
+        prefix?: number;
+        suffix?: number;
+    }) => string;
+    end: (str: string, prefix?: number) => string;
+    start: (str: string, suffix?: number) => string;
+};
+export default _default;

package/build/components/truncate/index.js

@@ -0,0 +1,10 @@
+const center = (str, { prefix, suffix } = {}) => {
+    return str.slice(0, prefix || 5) + '...' + str.slice(str.length - (suffix || 7));
+};
+const end = (str, prefix = 7) => {
+    return str.slice(0, prefix) + '...';
+};
+const start = (str, suffix = 7) => {
+    return '...' + str.slice(str.length - suffix);
+};
+export default { center, end, start };

package/build/index.d.ts

@@ -13,3 +13,4 @@ export { default as root } from './components/root';
 export { default as scrollbar } from './components/scrollbar';
 export { default as site } from './components/site';
 export { default as tooltip } from './components/tooltip';
+export { default as truncate } from './components/truncate';

package/build/index.js

@@ -13,3 +13,4 @@ export { default as root } from './components/root';
 export { default as scrollbar } from './components/scrollbar';
 export { default as site } from './components/site';
 export { default as tooltip } from './components/tooltip';
+export { default as truncate } from './components/truncate';

package/package.json

@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.3.11"
+    "version": "0.4.0"
 }

package/src/components/ellipsis/index.ts

@@ -2,9 +2,9 @@ import { html } from '@esportsplus/template';
 
 
 export default (attributes?: Record<string, string>) => html`
-    <div class="ellipsis" ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
+<div class="ellipsis" ${attributes}>
+    <span></span>
+    <span></span>
+    <span></span>
+</div>
 `;

package/src/components/truncate/index.ts

@@ -0,0 +1,14 @@
+const center = (str: string, { prefix, suffix }: { prefix?: number, suffix?: number } = {}) => {
+    return str.slice(0, prefix || 5) + '...' + str.slice(str.length - (suffix || 7));
+};
+
+const end = (str: string, prefix: number = 7) => {
+    return str.slice(0, prefix) + '...';
+};
+
+const start = (str: string, suffix: number = 7) => {
+    return '...' + str.slice(str.length - suffix);
+};
+
+
+export default { center, end, start };

package/src/index.ts

@@ -13,4 +13,5 @@ export { default as page }from './components/page';
 export { default as root }from './components/root';
 export { default as scrollbar }from './components/scrollbar';
 export { default as site }from './components/site';
-export { default as tooltip }from './components/tooltip';
+export { default as tooltip }from './components/tooltip';
+export { default as truncate }from './components/truncate';