refactor(truncate): rename "direction" prop to "clamp"

This commit is contained in:
Eric Liu 2021-02-19 08:07:58 -08:00
commit abe5220ec2
7 changed files with 19 additions and 18 deletions

View file

@ -1,24 +1,25 @@
/**
* Svelte action that applies single-line text truncation to an element
* @param {HTMLElement} node
* @param {{ direction?: "end" | "front" }} params
* @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 = {}) {
function toggleClass(front = false) {
node.className = `bx--text-truncate--${front ? "front" : "end"}`;
}
toggleClass(params.direction === "front");
toggleClass(params.clamp === "front");
return {
update(params) {
toggleClass(params.direction === "front");
toggleClass(params.clamp === "front");
},
};
}