@getflip/swirl-components 0.452.1 → 0.453.0

package/dist/components/swirl-text2.js

@@ -1,776 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getDefaultExportFromCjs, c as classNames } from './index2.js';
-
-var balancetext$1 = {exports: {}};
-
-/*
- * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License. *
- */
-var balancetext = balancetext$1.exports;
-
-var hasRequiredBalancetext;
-
-function requireBalancetext () {
-	if (hasRequiredBalancetext) return balancetext$1.exports;
-	hasRequiredBalancetext = 1;
-	(function (module) {
-		/**
-		 * balancetext.js
-		 *
-		 * Author: Randy Edmunds
-		 */
-
-		/* global define, module */
-
-		/*
-		 * Copyright (c) 2007-2009 unscriptable.com and John M. Hann
-		 *
-		 * Permission is hereby granted, free of charge, to any person
-		 * obtaining a copy of this software and associated documentation
-		 * files (the “Software”), to deal in the Software without
-		 * restriction, including without limitation the rights to use,
-		 * copy, modify, merge, publish, distribute, sublicense, and/or sell
-		 * copies of the Software, and to permit persons to whom the
-		 * Software is furnished to do so, subject to the following
-		 * conditions:
-		 *
-		 * The above copyright notice and this permission notice shall be
-		 * included in all copies or substantial portions of the Software.
-		 *
-		 * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
-		 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-		 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-		 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-		 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-		 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-		 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-		 * OTHER DEALINGS IN THE SOFTWARE.
-		 *
-		 * Except as contained in this notice, the name(s) of the above
-		 * copyright holders (unscriptable.com and John M. Hann) shall not be
-		 * used in advertising or otherwise to promote the sale, use or other
-		 * dealings in this Software without prior written authorization.
-		 *
-		 * http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
-		 *
-		 * Tested to work on (lowest browser):
-		 * - Sarari 4
-		 * - Chrome 16
-		 * - Firefox 10
-		 * - IE 9
-		 * - Edge 13
-		 */
-
-		(function (root, factory) {
-		    if (module.exports) {
-		        module.exports = factory();
-		    } else {
-		        root.balanceText = factory();
-		    }
-		}(balancetext, () => {
-		    /**
-		     * Line breaking global vars
-		     */
-		    let breakMatches, wsnwMatches, wsnwOffset;
-
-		    /**
-		     * Selectors and elements to watch;
-		     * calling $.balanceText(elements) adds "elements" to this list.
-		     */
-		    const watching = {
-		        sel: [], // default class to watch
-		        el: [],
-		    };
-
-		    /**
-		     * Have handlers been initialized?
-		     */
-		    let handlersInitialized = false;
-
-		    /**
-		     * Is this a polyfill?
-		     */
-		    let polyfilled = false;
-
-
-		    /**
-		     * Do nothing
-		     */
-		    function noop() { }
-
-		    /**
-		     * Loop that works with array-likes
-		     * @param {Array-like} elements - List of elements to run a function on
-		     * @param {Function}   callback - The function to call on each supplied element
-		     */
-		    function forEach(elements, callback) {
-		        Array.prototype.forEach.call(elements, callback);
-		    }
-
-		    /**
-		     * Polyfill for $(document).ready()
-		     *
-		     * @param {Function} fn - The function to execute when the document is ready
-		     */
-		    function ready(fn) {
-		        if (document.readyState !== "loading") {
-		            fn();
-		        } else if (document.addEventListener) {
-		            document.addEventListener("DOMContentLoaded", fn);
-		        } else {
-		            document.attachEvent("onreadystatechange", () => {
-		                if (document.readyState !== "loading") {
-		                    fn();
-		                }
-		            });
-		        }
-		    }
-
-		    /**
-		     * Debounces a function over a threshold
-		     *
-		     * @param {Function} func      - The function to debounce
-		     * @param {number}   threshold - time in ms
-		     * @param {boolean}  execAsap  - when true, execute immediately
-		     * @param args
-		     * @return {Function} Debounced function
-		     */
-		    function debounce(func, threshold, execAsap, ...args) {
-		        let timeout;
-
-		        return function () {
-		            const obj = this;
-
-		            function delayed() {
-		                {
-		                    func.apply(obj, args);
-		                }
-		                timeout = null;
-		            }
-
-		            if (timeout) {
-		                clearTimeout(timeout);
-		            }
-		            timeout = setTimeout(delayed, 100);
-		        };
-		    }
-
-		    /**
-		     * Determine whether the document supports TextWrap
-		     * @return {boolean}
-		     */
-		    function hasTextWrap() {
-		        if (typeof window === "undefined") {
-		            return false;
-		        }
-		        const { style } = document.documentElement;
-		        return style.textWrap || style.WebkitTextWrap || style.MozTextWrap || style.MsTextWrap;
-		    }
-
-		    /**
-		     * Object for tracking next whitespace params
-		     */
-		    // eslint-disable-next-line camelcase
-		    function NextWS_params() {
-		        this.reset();
-		    }
-
-		    NextWS_params.prototype.reset = function () {
-		        this.index = 0;
-		        this.width = 0;
-		    };
-
-		    /**
-		     * Check if index is contained in previously calculated list of white-space:nowrap ranges
-		     *
-		     * @param {number} index - the index of the character to check
-		     * @return {boolean}
-		     */
-		    function isWhiteSpaceNoWrap(index) {
-		        // Is index inside 1 of the ranges?
-		        // start and end are breakable, but not inside range
-		        return wsnwMatches.some(range => (range.start < index && index < range.end));
-		    }
-
-		    /**
-		     * Recursively calculate white-space:nowrap offsets for line.
-		     *
-		     * @param {Node}    el         - the element to act on
-		     * @param {boolean} includeTag - include length of tag itself
-		     */
-		    function recursiveCalcNoWrapOffsetsForLine(el, includeTag) {
-		        if (el.nodeType === el.ELEMENT_NODE) {
-		            // Found an embedded tag
-		            const style = window.getComputedStyle(el);
-		            if (style.whiteSpace === "nowrap") {
-		                // Tag with white-space:nowrap - add match, skip children
-		                const len = el.outerHTML.length;
-		                wsnwMatches.push({ start: wsnwOffset, end: wsnwOffset + len });
-		                wsnwOffset += len;
-		            } else {
-		                // Tag without white-space:nowrap - recursively check children of tag
-		                forEach(el.childNodes, (child) => {
-		                    recursiveCalcNoWrapOffsetsForLine(child, true);
-		                });
-		                if (includeTag) {
-		                    // Length of opening tag, attributes, and closing tag
-		                    wsnwOffset += (el.outerHTML.length - el.innerHTML.length);
-		                }
-		            }
-		        } else if (el.nodeType === el.COMMENT_NODE) {
-		            wsnwOffset += el.length + 7; // delimiter: <!-- -->
-		        } else if (el.nodeType === el.PROCESSING_INSTRUCTION_NODE) {
-		            wsnwOffset += el.length + 2; // delimiter: < >
-		        } else {
-		            // Text node: add length
-		            wsnwOffset += el.length;
-		        }
-		    }
-
-		    /**
-		     * Calculate white-space:nowrap offsets for line.
-		     *
-		     * @param {Node}    el             - the element to act on
-		     * @param {string}  oldWS          - "old" whitespace setting for temporarily resetting
-		     * @param {number}  lineCharOffset - char offset of current line from start of text
-		     */
-		    function calcNoWrapOffsetsForLine(el, oldWS, lineCharOffset) {
-		        // For first line (lineCharOffset === 0), calculate start and end offsets for each
-		        // white-space:nowrap element in the line.
-		        if (lineCharOffset === 0) {
-		            // Reset whiteSpace setting when breakMatches is being calculated
-		            // so white-space:nowrap can be detected in text
-		            el.style.whiteSpace = oldWS;
-
-		            wsnwOffset = 0;
-		            wsnwMatches = [];
-		            recursiveCalcNoWrapOffsetsForLine(el, false);
-
-		            // Restore temporary whitespace setting to recalc width
-		            el.style.whiteSpace = "nowrap";
-		        } else {
-		            // For all other lines, update the offsets for current line
-		            // 1. Ignore matches less than offset
-		            // 2. Subtract offset from remaining matches
-		            const newMatches = [];
-		            wsnwMatches.forEach((match) => {
-		                if (match.start > lineCharOffset) {
-		                    newMatches.push({ start: match.start - lineCharOffset, end: match.end - lineCharOffset });
-		                }
-		            });
-		            wsnwMatches = newMatches;
-		        }
-		    }
-
-		    /**
-		     * Strip balance-text tags from an element inserted in previous run
-		     *
-		     * @param {Node} el - the element to act on
-		     */
-		    function removeTags(el) {
-		        // Remove soft-hyphen breaks
-		        let brs = el.querySelectorAll('br[data-owner="balance-text-hyphen"]');
-		        forEach(brs, (br) => {
-		            br.outerHTML = "";
-		        });
-
-		        // Replace other breaks with whitespace
-		        brs = el.querySelectorAll('br[data-owner="balance-text"]');
-		        forEach(brs, (br) => {
-		            br.outerHTML = " ";
-		        });
-
-		        // Restore hyphens inserted for soft-hyphens
-		        let spans = el.querySelectorAll('span[data-owner="balance-text-softhyphen"]');
-		        if (spans.length > 0) {
-		            forEach(spans, (span) => {
-		                const textNode = document.createTextNode("\u00ad");
-		                span.parentNode.insertBefore(textNode, span);
-		                span.parentNode.removeChild(span);
-		            });
-		        }
-
-		        // Remove spans inserted for justified text
-		        spans = el.querySelectorAll('span[data-owner="balance-text-justify"]');
-		        if (spans.length > 0) {
-		            let txt = "";
-		            forEach(spans, (span) => {
-		                txt += span.textContent;
-		                span.parentNode.removeChild(span);
-		            });
-		            el.innerHTML = txt;
-		        }
-		    }
-
-		    /**
-		     * Checks to see if we should justify the balanced text with the
-		     * element based on the textAlign property in the computed CSS
-		     *
-		     * @param {Node} el - element to check
-		     * @return {boolean}
-		     */
-		    const isJustified = function (el) {
-		        const style = el.currentStyle || window.getComputedStyle(el, null);
-		        return (style.textAlign === "justify");
-		    };
-
-		    /**
-		     * Add whitespace after words in text to justify the string to
-		     * the specified size.
-		     * @param {Node}    el       - the element to justify
-		     * @param {string}  txt      - text string
-		     * @param {number}  conWidth - container width
-		     * @return {string} Justified text
-		     */
-		    function justify(el, txt, conWidth) {
-		        txt = txt.trim();
-		        const words = txt.split(" ").length;
-		        txt = `${txt} `;
-
-		        // if we don't have at least 2 words, no need to justify.
-		        if (words < 2) {
-		            return txt;
-		        }
-
-		        // Find width of text in the DOM
-		        const tmp = document.createElement("span");
-		        tmp.innerHTML = txt;
-		        el.appendChild(tmp);
-		        const size = tmp.offsetWidth;
-		        tmp.parentNode.removeChild(tmp);
-
-		        // Figure out our word spacing and return the element
-		        const wordSpacing = Math.floor((conWidth - size) / (words - 1));
-		        tmp.style.wordSpacing = `${wordSpacing}px`;
-		        tmp.setAttribute("data-owner", "balance-text-justify");
-
-		        const div = document.createElement("div");
-		        div.appendChild(tmp);
-		        return div.innerHTML;
-		    }
-
-		    /**
-		     * Returns true iff char at index is a break char outside of HTML < > tags.
-		     * Break char can be: whitespace (except non-breaking-space: u00a0),
-		     * hypen, emdash (u2014), endash (u2013), or soft-hyphen (u00ad).
-		     *
-		     * @param {string} txt   - the text to check
-		     * @param {number} index - the index of the character to check
-		     * @return {boolean}
-		     */
-		    function isBreakChar(txt, index) {
-		        const re = /([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;
-		        let match;
-
-		        if (!breakMatches) {
-		            // Only calc break matches once per line
-		            breakMatches = [];
-		            match = re.exec(txt);
-		            while (match !== null) {
-		                if (!isWhiteSpaceNoWrap(match.index)) {
-		                    breakMatches.push(match.index);
-		                }
-		                match = re.exec(txt);
-		            }
-		        }
-
-		        return breakMatches.indexOf(index) !== -1;
-		    }
-
-		    /**
-		     * In the current implementation, an index is a break
-		     * opportunity in txt iff it is:
-		     * - 0 or txt.length
-		     * - index of a non-whitespace char immediately preceded by a
-		     *   whitespace, hyphen, soft-hyphen, em-dash, or en-dash char.
-		     *
-		     * Thus, it doesn't honour "white-space" or any other Unicode
-		     * line-breaking classes.)
-		     *
-		     * @precondition 0 <= index && index <= txt.length
-		     *
-		     * @param {string} txt   - the text to check
-		     * @param {number} index - the index to check
-		     * @return {boolean}
-		     */
-		    function isBreakOpportunity(txt, index) {
-		        return ((index === 0) || (index === txt.length) ||
-		                (isBreakChar(txt, index - 1) && !isBreakChar(txt, index)));
-		    }
-
-		    /**
-		     * Finds the first break opportunity (@see isBreakOpportunity)
-		     * in txt that's both after-or-equal-to index c in the direction dir
-		     * and resulting in line width equal to or past clamp(desWidth,
-		     * 0, conWidth) in direction dir.  Sets ret.index and ret.width
-		     * to the corresponding index and line width (from the start of
-		     * txt to ret.index).
-		     *
-		     * @param {Node}    el       - element
-		     * @param {string}  txt      - text string
-		     * @param {number}  conWidth - container width
-		     * @param {number}  desWidth - desired width
-		     * @param {number}  dir      - direction (-1 or +1)
-		     * @param {number}  c        - char index (0 <= c && c <= txt.length)
-		     * @param {Object}  ret      - return {index: {number}, width: {number}} of previous/next break
-		     */
-		    function findBreakOpportunity(el, txt, conWidth, desWidth, dir, c, ret) {
-		        let w;
-
-		        if (txt && typeof txt === "string") {
-		            for (;;) {
-		                while (!isBreakOpportunity(txt, c)) {
-		                    c += dir;
-		                }
-
-		                el.innerHTML = txt.substr(0, c);
-		                w = el.offsetWidth;
-
-		                if (dir < 0) {
-		                    if ((w <= desWidth) || (w <= 0) || (c === 0)) {
-		                        break;
-		                    }
-		                } else if ((desWidth <= w) || (conWidth <= w) || (c === txt.length)) {
-		                    break;
-		                }
-
-		                c += dir;
-		            }
-		        }
-		        ret.index = c;
-		        ret.width = w;
-		    }
-
-		    /**
-		     * Detects the width of a non-breaking space character, given the height of
-		     * the element with no-wrap applied.
-		     *
-		     * @param {Node}   el - element
-		     * @param {number} h  - height
-		     * @return {number}
-		     */
-		    function getSpaceWidth(el, h) {
-		        const container = document.createElement("div");
-
-		        container.style.display = "block";
-		        container.style.position = "absolute";
-		        container.style.bottom = 0;
-		        container.style.right = 0;
-		        container.style.width = 0;
-		        container.style.height = 0;
-		        container.style.margin = 0;
-		        container.style.padding = 0;
-		        container.style.visibility = "hidden";
-		        container.style.overflow = "hidden";
-
-		        const space = document.createElement("span");
-
-		        space.style.fontSize = "2000px";
-		        space.innerHTML = "&nbsp;";
-
-		        container.appendChild(space);
-
-		        el.appendChild(container);
-
-		        const dims = space.getBoundingClientRect();
-		        container.parentNode.removeChild(container);
-
-		        const spaceRatio = dims.height / dims.width;
-
-		        return (h / spaceRatio);
-		    }
-
-		    /**
-		     * Get a list of elements regardless of input
-		     *
-		     * @param {string|Node|Array-like} elements - The selector to query, one or more elements
-		     * @return {Array<{Node}>}
-		     */
-		    function getElementsList(elements) {
-		        if (!elements) {
-		            return [];
-		        }
-
-		        // is selector
-		        if (typeof elements === "string") {
-		            return document.querySelectorAll(elements);
-		        }
-
-		        // is single element
-		        if (elements.tagName && elements.querySelectorAll) {
-		            return [elements];
-		        }
-
-		        return elements;
-		    }
-
-		    /**
-		     *  When a browser has native support for the text-wrap property,
-		     * the text balanceText plugin will let the browser handle it natively,
-		     * otherwise it will apply its own text balancing code.
-		     *
-		     * @param {string|Node|Array-like} elements - the list of elements to balance
-		     */
-		    function balanceText(elements) {
-		        forEach(getElementsList(elements), (el) => {
-		            // In a lower level language, this algorithm takes time
-		            // comparable to normal text layout other than the fact
-		            // that we do two passes instead of one, so we should
-		            // be able to do without this limit.
-		            const maxTextWidth = 5000;
-
-		            // strip balance-text generated tags
-		            removeTags(el);
-
-		            // save settings
-		            const oldWS = el.style.whiteSpace;
-		            const oldFloat = el.style.float;
-		            const oldDisplay = el.style.display;
-		            const oldPosition = el.style.position;
-		            const oldLH = el.style.lineHeight;
-
-		            // remove line height before measuring container size
-		            el.style.lineHeight = "normal";
-
-		            const containerWidth = el.offsetWidth;
-		            const containerHeight = el.offsetHeight;
-
-		            // temporary settings
-		            el.style.whiteSpace = "nowrap";
-		            el.style.float = "none";
-		            el.style.display = "inline";
-		            el.style.position = "static";
-
-		            let nowrapWidth = el.offsetWidth;
-		            const nowrapHeight = el.offsetHeight;
-
-		            // An estimate of the average line width reduction due
-		            // to trimming trailing space that we expect over all
-		            // lines other than the last.
-		            const spaceWidth = ((oldWS === "pre-wrap") ? 0 : getSpaceWidth(el, nowrapHeight));
-
-		            if (containerWidth > 0 &&               // prevent divide by zero
-		                    nowrapWidth > containerWidth && // text is more than 1 line
-		                    nowrapWidth < maxTextWidth) {   // text is less than arbitrary limit (make this a param?)
-		                let remainingText = el.innerHTML;
-		                let newText = "";
-		                let lineText = "";
-		                const shouldJustify = isJustified(el);
-		                const totLines = Math.round(containerHeight / nowrapHeight);
-		                let remLines = totLines;
-		                let lineCharOffset = 0;
-
-		                // loop vars
-		                let desiredWidth, guessIndex, le, ge, splitIndex, isHyphen, isSoftHyphen;
-
-		                // Determine where to break:
-		                while (remLines > 1) {
-		                    // clear whitespace match cache for each line
-		                    breakMatches = null;
-
-		                    // Must calc white-space:nowrap offsets before first call to findBreakOpportunity()
-		                    calcNoWrapOffsetsForLine(el, oldWS, lineCharOffset);
-
-		                    desiredWidth = Math.round((nowrapWidth + spaceWidth) / remLines - spaceWidth);
-
-		                    // Guessed char index
-		                    guessIndex = Math.round((remainingText.length + 1) / remLines) - 1;
-
-		                    le = new NextWS_params();
-
-		                    // Find a breaking space somewhere before (or equal to) desired width,
-		                    // not necessarily the closest to the desired width.
-		                    findBreakOpportunity(el, remainingText, containerWidth, desiredWidth, -1, guessIndex, le);
-
-		                    // Find first breaking char after (or equal to) desired width.
-		                    ge = new NextWS_params();
-		                    guessIndex = le.index;
-		                    findBreakOpportunity(el, remainingText, containerWidth, desiredWidth, 1, guessIndex, ge);
-
-		                    // Find first breaking char before (or equal to) desired width.
-		                    le.reset();
-		                    guessIndex = ge.index;
-		                    findBreakOpportunity(el, remainingText, containerWidth, desiredWidth, -1, guessIndex, le);
-
-		                    // Find closest string to desired length
-		                    if (le.index === 0) {
-		                        splitIndex = ge.index;
-		                    } else if ((containerWidth < ge.width) || (le.index === ge.index)) {
-		                        splitIndex = le.index;
-		                    } else {
-		                        splitIndex = ((Math.abs(desiredWidth - le.width) < Math.abs(ge.width - desiredWidth))
-		                            ? le.index
-		                            : ge.index);
-		                    }
-
-		                    // Break string
-		                    lineText = remainingText.substr(0, splitIndex).replace(/\s$/, "");
-
-		                    isSoftHyphen = Boolean(lineText.match(/\u00ad$/));
-		                    if (isSoftHyphen) {
-		                        // Replace soft-hyphen causing break with explicit hyphen
-		                        lineText = lineText.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>');
-		                    }
-
-		                    if (shouldJustify) {
-		                        newText += justify(el, lineText, containerWidth);
-		                    } else {
-		                        newText += lineText;
-		                        isHyphen = isSoftHyphen || Boolean(lineText.match(/(-|\u2014|\u2013)$/));
-		                        newText += isHyphen ? '<br data-owner="balance-text-hyphen" />'
-		                            : '<br data-owner="balance-text" aria-hidden="true" />';
-		                    }
-		                    remainingText = remainingText.substr(splitIndex);
-		                    lineCharOffset = splitIndex;
-
-		                    // update counters
-		                    remLines--;
-		                    el.innerHTML = remainingText;
-		                    nowrapWidth = el.offsetWidth;
-		                }
-
-		                if (shouldJustify) {
-		                    el.innerHTML = newText + justify(el, remainingText, containerWidth);
-		                } else {
-		                    el.innerHTML = newText + remainingText;
-		                }
-		            }
-
-		            // restore settings
-		            el.style.whiteSpace = oldWS;
-		            el.style.float = oldFloat;
-		            el.style.display = oldDisplay;
-		            el.style.position = oldPosition;
-		            el.style.lineHeight = oldLH;
-		        });
-		    }
-
-		    /**
-		     * Call the balanceText plugin on elements that it's watching.
-		     */
-		    function updateWatched() {
-		        const selectors = watching.sel.join(",");
-		        const selectedElements = getElementsList(selectors);
-		        const elements = Array.prototype.concat.apply(watching.el, selectedElements);
-		        balanceText(elements);
-		    }
-
-		    /**
-		     * Initialize the events for which to re-apply BalanceText.  They are:
-		     * - Document ready
-		     * - Document full load
-		     * - Window resize
-		     */
-		    function initHandlers() {
-		        if (handlersInitialized) {
-		            return;
-		        }
-
-		        // Apply on DOM ready
-		        ready(updateWatched);
-
-		        // Reapply on full load
-		        window.addEventListener("load", updateWatched);
-
-		        // Reapply on resize
-		        window.addEventListener("resize", debounce(updateWatched));
-
-		        handlersInitialized = true;
-		    }
-
-		    /**
-		     * Apply the BalanceText routine on the document and watch the list
-		     * of elements.  On window resize, re-apply BalanceText to the given elements
-		     *
-		     * @param {string|Node|Array-like} elements - the elements to watch after applying BalanceText
-		     */
-		    function balanceTextAndWatch(elements) {
-		        if (typeof elements === "string") {
-		            watching.sel.push(elements);
-		        } else {
-		            forEach(getElementsList(elements), (el) => {
-		                watching.el.push(el);
-		            });
-		        }
-
-		        initHandlers();
-		        updateWatched();
-		    }
-
-		    /**
-		     * Stop watching elements
-		     *
-		     * @param {string|Node|Array-like} elements
-		     */
-		    function unwatch(elements) {
-		        if (typeof elements === "string") {
-		            watching.sel = watching.sel.filter(el => el !== elements);
-		        } else {
-		            elements = getElementsList(elements);
-		            watching.el = watching.el.filter(el => elements.indexOf(el) === -1);
-		        }
-		    }
-
-		    /**
-		     * Treat this app as a polyfill.  Watch for changes to the .balance-text selector
-		     */
-		    function polyfill() {
-		        if (polyfilled) {
-		            return;
-		        }
-
-		        watching.sel.push(".balance-text");
-		        initHandlers();
-		        polyfilled = true;
-		    }
-
-		    /**
-		     * Public interface
-		     *
-		     * @param {string|Node|Array-like} elements - elements to balance
-		     * @param {Object}                 options  - processing options
-		     *  - {boolean} watch - watch elements for resize
-		     */
-		    function publicInterface(elements, options) {
-		        if (!elements) {
-		            // empty call means polyfill (watch for changes)
-		            polyfill();
-		        } else if (options && options.watch === true) {
-		            balanceTextAndWatch(elements);
-		        } else if (options && options.watch === false) {
-		            unwatch(elements);
-		        } else {
-		            balanceText(elements);
-		        }
-		    }
-
-		    publicInterface.updateWatched = updateWatched;
-
-		    if (hasTextWrap()) {
-		        noop.updateWatched = noop;
-		        return noop;
-		    }
-		    return publicInterface;
-		})); 
-	} (balancetext$1));
-	return balancetext$1.exports;
-}
-
-var balancetextExports = requireBalancetext();
-var balanceText = /*@__PURE__*/getDefaultExportFromCjs(balancetextExports);
-
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as n,transformTag as s}from"@stencil/core/internal/client";import{g as o,c as r}from"./index2.js";var a,l,c,h={exports:{}},x=(a||(a=1,l=h.exports,c=()=>{let t,e,i;const n={sel:[],el:[]};let s=!1,o=!1;function r(){}function a(t,e){Array.prototype.forEach.call(t,e)}function l(){this.reset()}function c(t){return e.some((e=>e.start<t&&t<e.end))}function h(t,n){if(t.nodeType===t.ELEMENT_NODE)if("nowrap"===window.getComputedStyle(t).whiteSpace){const n=t.outerHTML.length;e.push({start:i,end:i+n}),i+=n}else a(t.childNodes,(t=>{h(t,!0)})),n&&(i+=t.outerHTML.length-t.innerHTML.length);else i+=t.nodeType===t.COMMENT_NODE?t.length+7:t.nodeType===t.PROCESSING_INSTRUCTION_NODE?t.length+2:t.length}function x(t,n,s){if(0===s)t.style.whiteSpace=n,i=0,e=[],h(t,!1),t.style.whiteSpace="nowrap";else{const t=[];e.forEach((e=>{e.start>s&&t.push({start:e.start-s,end:e.end-s})})),e=t}}function f(t,e,i){const n=(e=e.trim()).split(" ").length;if(e=`${e} `,n<2)return e;const s=document.createElement("span");s.innerHTML=e,t.appendChild(s);const o=s.offsetWidth;s.parentNode.removeChild(s);const r=Math.floor((i-o)/(n-1));s.style.wordSpacing=`${r}px`,s.setAttribute("data-owner","balance-text-justify");const a=document.createElement("div");return a.appendChild(s),a.innerHTML}function d(e,i){const n=/([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;let s;if(!t)for(t=[],s=n.exec(e);null!==s;)c(s.index)||t.push(s.index),s=n.exec(e);return-1!==t.indexOf(i)}function u(t,e){return 0===e||e===t.length||d(t,e-1)&&!d(t,e)}function w(t,e,i,n,s,o,r){let a;if(e&&"string"==typeof e)for(;;){for(;!u(e,o);)o+=s;if(t.innerHTML=e.substr(0,o),a=t.offsetWidth,s<0){if(a<=n||a<=0||0===o)break}else if(n<=a||i<=a||o===e.length)break;o+=s}r.index=o,r.width=a}function g(t){return t?"string"==typeof t?document.querySelectorAll(t):t.tagName&&t.querySelectorAll?[t]:t:[]}function v(e){a(g(e),(e=>{!function(t){let e=t.querySelectorAll('br[data-owner="balance-text-hyphen"]');a(e,(t=>{t.outerHTML=""})),e=t.querySelectorAll('br[data-owner="balance-text"]'),a(e,(t=>{t.outerHTML=" "}));let i=t.querySelectorAll('span[data-owner="balance-text-softhyphen"]');if(i.length>0&&a(i,(t=>{const e=document.createTextNode("­");t.parentNode.insertBefore(e,t),t.parentNode.removeChild(t)})),i=t.querySelectorAll('span[data-owner="balance-text-justify"]'),i.length>0){let e="";a(i,(t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t.innerHTML=e}}(e);const i=e.style.whiteSpace,n=e.style.float,s=e.style.display,o=e.style.position,r=e.style.lineHeight;e.style.lineHeight="normal";const c=e.offsetWidth,h=e.offsetHeight;e.style.whiteSpace="nowrap",e.style.float="none",e.style.display="inline",e.style.position="static";let d=e.offsetWidth;const u=e.offsetHeight,g="pre-wrap"===i?0:function(t,e){const i=document.createElement("div");i.style.display="block",i.style.position="absolute",i.style.bottom=0,i.style.right=0,i.style.width=0,i.style.height=0,i.style.margin=0,i.style.padding=0,i.style.visibility="hidden",i.style.overflow="hidden";const n=document.createElement("span");n.style.fontSize="2000px",n.innerHTML="&nbsp;",i.appendChild(n),t.appendChild(i);const s=n.getBoundingClientRect();return i.parentNode.removeChild(i),e/(s.height/s.width)}(e,u);if(c>0&&d>c&&d<5e3){let n=e.innerHTML,s="",o="";const r=function(t){return"justify"===(t.currentStyle||window.getComputedStyle(t,null)).textAlign}(e);let a,v,m,p,b,y,z,$=Math.round(h/u),S=0;for(;$>1;)t=null,x(e,i,S),a=Math.round((d+g)/$-g),v=Math.round((n.length+1)/$)-1,m=new l,w(e,n,c,a,-1,v,m),p=new l,v=m.index,w(e,n,c,a,1,v,p),m.reset(),v=p.index,w(e,n,c,a,-1,v,m),b=0===m.index?p.index:c<p.width||m.index===p.index||Math.abs(a-m.width)<Math.abs(p.width-a)?m.index:p.index,o=n.substr(0,b).replace(/\s$/,""),z=Boolean(o.match(/\u00ad$/)),z&&(o=o.replace(/\u00ad$/,'<span data-owner="balance-text-softhyphen">-</span>')),r?s+=f(e,o,c):(s+=o,y=z||Boolean(o.match(/(-|\u2014|\u2013)$/)),s+=y?'<br data-owner="balance-text-hyphen" />':'<br data-owner="balance-text" aria-hidden="true" />'),n=n.substr(b),S=b,$--,e.innerHTML=n,d=e.offsetWidth;e.innerHTML=r?s+f(e,n,c):s+n}e.style.whiteSpace=i,e.style.float=n,e.style.display=s,e.style.position=o,e.style.lineHeight=r}))}function m(){const t=g(n.sel.join(","));v(Array.prototype.concat.apply(n.el,t))}function p(){var t;s||(t=m,"loading"!==document.readyState?t():document.addEventListener?document.addEventListener("DOMContentLoaded",t):document.attachEvent("onreadystatechange",(()=>{"loading"!==document.readyState&&t()})),window.addEventListener("load",m),window.addEventListener("resize",function(t,e,i,...n){let s;return function(){const e=this;s&&clearTimeout(s),s=setTimeout((function(){t.apply(e,n),s=null}),100)}}(m)),s=!0)}function b(t,e){t?e&&!0===e.watch?function(t){"string"==typeof t?n.sel.push(t):a(g(t),(t=>{n.el.push(t)})),p(),m()}(t):e&&!1===e.watch?function(t){"string"==typeof t?n.sel=n.sel.filter((e=>e!==t)):(t=g(t),n.el=n.el.filter((e=>-1===t.indexOf(e))))}(t):v(t):o||(n.sel.push(".balance-text"),p(),o=!0)}return l.prototype.reset=function(){this.index=0,this.width=0},b.updateWatched=m,function(){if("undefined"==typeof window)return!1;const{style:t}=document.documentElement;return t.textWrap||t.WebkitTextWrap||t.MozTextWrap||t.MsTextWrap}()?(r.updateWatched=r,r):b},h.exports?h.exports=c():l.balanceText=c()),h.exports),f=o(x);
 /**
   shave - Shave is a javascript plugin that truncates multi-line text within a html element based on set max height
   @version v5.0.2
@@ -778,246 +6,4 @@ var balanceText = /*@__PURE__*/getDefaultExportFromCjs(balancetextExports);
   @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
   @license MIT
 **/
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while (!(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-function generateArrayOfNodes(target) {
-    if (typeof target === 'string') {
-        return __spreadArray([], __read(document.querySelectorAll(target)), false);
-    }
-    else if ('length' in target) {
-        return __spreadArray([], __read(target), false);
-    }
-    else {
-        return [target];
-    }
-}
-function shave(target, maxHeight, opts) {
-    if (opts === void 0) { opts = {}; }
-    if (typeof maxHeight === 'undefined' || isNaN(maxHeight)) {
-        throw Error('maxHeight is required');
-    }
-    var els = generateArrayOfNodes(target);
-    if (!els.length) {
-        return;
-    }
-    var _a = opts.character, character = _a === void 0 ? '…' : _a, _b = opts.classname, classname = _b === void 0 ? 'js-shave' : _b, _c = opts.spaces, initialSpaces = _c === void 0 ? true : _c, _d = opts.charclassname, charclassname = _d === void 0 ? 'js-shave-char' : _d, _e = opts.link, link = _e === void 0 ? {} : _e;
-    /**
-     * @notes
-     * the initialSpaces + spaces variable definition below fixes
-     * a previous bug where spaces being a boolean type wasn't clear
-     * meaning people were using (a string, in example—which is truthy)
-     * hence, doing it this way is a non-breaking change
-     */
-    var spaces = typeof initialSpaces === 'boolean' ? initialSpaces : true;
-    /**
-     * @notes
-     * - create a span or anchor element and assign properties to it
-     * - JSON.stringify is used to support IE8+
-     * - if link.href is not provided, link object properties are ignored
-     */
-    var isLink = link && JSON.stringify(link) !== '{}' && link.href;
-    var shavedTextElType = isLink ? 'a' : 'span';
-    for (var i = 0; i < els.length; i += 1) {
-        var el = els[i];
-        var styles = el.style;
-        var span = el.querySelector('.' + classname);
-        var textProp = el.textContent === undefined ? 'innerText' : 'textContent';
-        // If element text has already been shaved
-        if (span) {
-            // Remove the ellipsis to recapture the original text
-            el.removeChild(el.querySelector('.' + charclassname));
-            el[textProp] = el[textProp]; // eslint-disable-line
-            // nuke span, recombine text
-        }
-        var fullText = el[textProp];
-        var words = spaces ? fullText.split(' ') : fullText;
-        // If 0 or 1 words, we're done
-        if (words.length < 2) {
-            continue;
-        }
-        // Temporarily remove any CSS height for text height calculation
-        var heightStyle = styles.height;
-        styles.height = 'auto';
-        var maxHeightStyle = styles.maxHeight;
-        styles.maxHeight = 'none';
-        // If already short enough, we're done
-        if (el.offsetHeight <= maxHeight) {
-            styles.height = heightStyle;
-            styles.maxHeight = maxHeightStyle;
-            continue;
-        }
-        var textContent = isLink && link.textContent ? link.textContent : character;
-        var shavedTextEl = document.createElement(shavedTextElType);
-        var shavedTextElAttributes = {
-            className: charclassname,
-            textContent: textContent,
-        };
-        for (var property in shavedTextElAttributes) {
-            shavedTextEl[property] = shavedTextElAttributes[property];
-            shavedTextEl.textContent = character;
-        }
-        if (isLink) {
-            for (var linkProperty in link) {
-                shavedTextEl[linkProperty] = link[linkProperty];
-            }
-        }
-        // Binary search for number of words which can fit in allotted height
-        var max = words.length - 1;
-        var min = 0;
-        var pivot = void 0;
-        while (min < max) {
-            pivot = (min + max + 1) >> 1; // eslint-disable-line no-bitwise
-            el[textProp] = spaces
-                ? words.slice(0, pivot).join(' ')
-                : words.slice(0, pivot);
-            el.insertAdjacentElement('beforeend', shavedTextEl);
-            if (el.offsetHeight > maxHeight) {
-                max = pivot - 1;
-            }
-            else {
-                min = pivot;
-            }
-        }
-        el[textProp] = spaces ? words.slice(0, max).join(' ') : words.slice(0, max);
-        el.insertAdjacentElement('beforeend', shavedTextEl);
-        var diff = spaces
-            ? " ".concat(words.slice(max).join(' '))
-            : words.slice(max);
-        var shavedText = document.createTextNode(diff);
-        var elWithShavedText = document.createElement('span');
-        elWithShavedText.classList.add(classname);
-        elWithShavedText.style.display = 'none';
-        elWithShavedText.appendChild(shavedText);
-        el.insertAdjacentElement('beforeend', elWithShavedText);
-        styles.height = heightStyle;
-        styles.maxHeight = maxHeightStyle;
-    }
-}
-
-const swirlTextCss = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}";
-
-const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.align = "start";
-        this.as = "p";
-        this.color = "default";
-        this.fontFamily = "text";
-        this.fontStyle = "normal";
-        this.responsive = true;
-        this.size = "base";
-        this.truncateDirection = "end";
-        this.weight = "normal";
-        this.whiteSpace = "normal";
-    }
-    componentDidRender() {
-        this.rebalance();
-        this.handleTruncation();
-    }
-    onWindowResize() {
-        this.rebalance();
-        this.handleTruncation();
-    }
-    handleTruncation() {
-        if (!this.truncate || !Boolean(this.lines) || this.lines === 1) {
-            return;
-        }
-        const lineHeight = +window
-            .getComputedStyle(this.textEl, null)
-            .getPropertyValue("line-height")
-            .replace("px", "");
-        if (lineHeight > 0) {
-            shave(this.textEl, lineHeight * this.lines);
-        }
-    }
-    rebalance() {
-        if (!this.balance || !Boolean(this.textEl)) {
-            return;
-        }
-        balanceText(this.textEl);
-    }
-    render() {
-        const Tag = this.as;
-        const truncate = this.truncate && (!Boolean(this.lines) || this.lines === 1);
-        const className = classNames("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-            "text--truncate": truncate,
-            "text--responsive": this.responsive,
-        });
-        const styles = {
-            whiteSpace: truncate ? "nowrap" : this.whiteSpace,
-        };
-        return (h(Host, { key: '00b75a31e781eabcb37cf0859d905c93fd4cba00' }, h(Tag, { key: 'bb38b10ba3318ece9ec6bffd826786e5ae32e179', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '57404a0647a9c5a8aeda72a80bd3d6f3a8fa1e21' }))));
-    }
-    get el() { return this; }
-    static get style() { return swirlTextCss; }
-}, [6, "swirl-text", {
-        "align": [1],
-        "as": [1],
-        "balance": [4],
-        "color": [1],
-        "fontFamily": [1, "font-family"],
-        "fontStyle": [1, "font-style"],
-        "lines": [2],
-        "responsive": [4],
-        "size": [1],
-        "truncate": [4],
-        "truncateDirection": [1, "truncate-direction"],
-        "weight": [1],
-        "whiteSpace": [1, "white-space"]
-    }, [[9, "resize", "onWindowResize"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlText);
-            }
-            break;
-    } });
-}
-
-export { SwirlText as S, defineCustomElement as d };
+function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var i,n,s=e.call(t),o=[];try{for(;!(i=s.next()).done;)o.push(i.value)}catch(t){n={error:t}}finally{try{i&&!i.done&&(e=s.return)&&e.call(s)}finally{if(n)throw n.error}}return o}function u(t,e,i){if(2===arguments.length)for(var n,s=0,o=e.length;s<o;s++)!n&&s in e||(n||(n=Array.prototype.slice.call(e,0,s)),n[s]=e[s]);return t.concat(n||Array.prototype.slice.call(e))}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="start",this.as="p",this.color="default",this.fontFamily="text",this.fontStyle="normal",this.responsive=!0,this.size="base",this.truncateDirection="end",this.weight="normal",this.whiteSpace="normal"}componentDidRender(){this.rebalance(),this.handleTruncation()}onWindowResize(){this.rebalance(),this.handleTruncation()}handleTruncation(){if(!this.truncate||!Boolean(this.lines)||1===this.lines)return;const t=+window.getComputedStyle(this.textEl,null).getPropertyValue("line-height").replace("px","");t>0&&function(t,e,i){if(void 0===i&&(i={}),void 0===e||isNaN(e))throw Error("maxHeight is required");var n=function(t){return"string"==typeof t?u([],d(document.querySelectorAll(t)),!1):"length"in t?u([],d(t),!1):[t]}(t);if(n.length)for(var s=i.character,o=void 0===s?"…":s,r=i.classname,a=void 0===r?"js-shave":r,l=i.spaces,c=void 0===l||l,h=i.charclassname,x=void 0===h?"js-shave-char":h,f=i.link,w=void 0===f?{}:f,g="boolean"!=typeof c||c,v=w&&"{}"!==JSON.stringify(w)&&w.href,m=v?"a":"span",p=0;p<n.length;p+=1){var b=n[p],y=b.style,z=b.querySelector("."+a),$=void 0===b.textContent?"innerText":"textContent";z&&(b.removeChild(b.querySelector("."+x)),b[$]=b[$]);var S=b[$],k=g?S.split(" "):S;if(!(k.length<2)){var M=y.height;y.height="auto";var j=y.maxHeight;if(y.maxHeight="none",b.offsetHeight<=e)y.height=M,y.maxHeight=j;else{var B=v&&w.textContent?w.textContent:o,A=document.createElement(m),E={className:x,textContent:B};for(var N in E)A[N]=E[N],A.textContent=o;if(v)for(var T in w)A[T]=w[T];for(var C=k.length-1,D=0,R=void 0;D<C;)R=D+C+1>>1,b[$]=g?k.slice(0,R).join(" "):k.slice(0,R),b.insertAdjacentElement("beforeend",A),b.offsetHeight>e?C=R-1:D=R;b[$]=g?k.slice(0,C).join(" "):k.slice(0,C),b.insertAdjacentElement("beforeend",A);var O=g?" ".concat(k.slice(C).join(" ")):k.slice(C),W=document.createTextNode(O),q=document.createElement("span");q.classList.add(a),q.style.display="none",q.appendChild(W),b.insertAdjacentElement("beforeend",q),y.height=M,y.maxHeight=j}}}}(this.textEl,t*this.lines)}rebalance(){this.balance&&Boolean(this.textEl)&&f(this.textEl)}render(){const t=this.as,e=this.truncate&&(!Boolean(this.lines)||1===this.lines),s=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-family-${this.fontFamily}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--truncate-direction-${this.truncateDirection}`,`text--weight-${this.weight}`,{"text--truncate":e,"text--responsive":this.responsive});return i(n,{key:"f319223e586ee8d69eea866f0db6d381f54cae46"},i(t,{key:"35421cf4c8398426fb5c30fa55d22d1a05ff4b6a",class:s,ref:t=>this.textEl=t,style:{whiteSpace:e?"nowrap":this.whiteSpace}},i("slot",{key:"a032e91ba7a1a34a2287e1da241f6fbecb5b842e"})))}get el(){return this}static get style(){return".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}"}},[262,"swirl-text",{align:[1],as:[1],balance:[4],color:[1],fontFamily:[1,"font-family"],fontStyle:[1,"font-style"],lines:[2],responsive:[4],size:[1],truncate:[4],truncateDirection:[1,"truncate-direction"],weight:[1],whiteSpace:[1,"white-space"]},[[9,"resize","onWindowResize"]]]);function g(){"undefined"!=typeof customElements&&["swirl-text"].forEach((t=>{"swirl-text"===t&&(customElements.get(s(t))||customElements.define(s(t),w))}))}export{w as S,g as d}