mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-17 03:01:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

breaking(actions): move truncate action to src/Truncate (#1224)

Browse source 
* breaking: move truncate action to src/Truncate

* docs: update truncate docs
This commit is contained in:
metonym 2022-04-02 12:04:33 -07:00 • committed by GitHub
commit 9143e50244
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 39 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

31
actions/truncate.js
View file

@ -1,31 +0,0 @@
/**
* Svelte action that applies single-line text truncation to an element
* @param {HTMLElement} node
* @param {{ clamp?: "end" | "front" }} params
* @example
* <script>
* import { truncate } from "carbon-components-svelte/actions";
* </script>
*
* <h1 use:truncate>...</h1>
* <h1 use:truncate={{ clamp: "front" }}>...</h1>
*/
export function truncate(node, params = {}) {
const prefix = "bx--text-truncate--";
function toggleClass(front = false) {
const classes = [...node.classList]
.filter((name) => !name.startsWith(prefix))
.join(" ");
node.className = `${classes} ${prefix}${front ? "front" : "end"}`;
}
toggleClass(params.clamp === "front");
return {
update(params) {
toggleClass(params.clamp === "front");
},
};
}