@pine-ds/core 1.1.0 → 1.2.0

package/dist/pine-core/p-3caa5870.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-64b4cb70.system.js"],(function(n){"use strict";var i,t,e,r;return{setters:[function(n){i=n.r;t=n.h;e=n.H;r=n.g}],execute:function(){var s=false;var a=function(n){var i;var t=(i=document.head.querySelector("meta[data-pine-asset-path]"))===null||i===void 0?void 0:i.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";var a=t||e||r||"/";if(a.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn("\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    ")}var u=n;if(n.startsWith("./")){u=n.substring(2)}if(!a.endsWith("/")){u="/"+u}return a+u};var u;var f=function(){if(typeof window==="undefined"){return new Map}else{if(!u){var n=window;n.PdsIcons=n.PdsIcons||{};u=n.PdsIcons.map=n.PdsIcons.map||new Map}return u}};var o=function(n,i){if(!n&&i&&!v(i)){n=i}if(h(n)){n=p(n)}if(!h(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\d/gi,"");if(t!=""){return null}return n};var c=function(n){var i=f().get(n);if(i){return i}return a("svg/".concat(n,".svg"))};var l=function(n){if(h(n)){n=n.trim();if(v(n)){return n}}return null};var d=function(n){var i=l(n.src);if(i){return i}i=o(n.name,n.icon);if(i){return c(i)}if(n.icon){i=l(n.icon);if(i){return i}}return null};var v=function(n){return n.length>0&&/(\/|\.)/.test(n)};var h=function(n){return typeof n==="string"};var p=function(n){return n.toLowerCase()};var g=function(n,i){if(i===void 0){i=[]}var t={};i.forEach((function(i){if(n.hasAttribute(i)){var e=n.getAttribute(i);if(e!==null){t[i]=n.getAttribute(i)}n.removeAttribute(i)}}));return t};var m=function(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var e=i.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(w(e)){return i.innerHTML}}return""};var w=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].name;if(h(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!w(n.childNodes[i])){return false}}}return true};var b=function(n){return n.startsWith("data:image/svg+xml")};var y=function(n){return n.indexOf(";utf8,")!==-1};var j=new Map;var x=new Map;var M;var O=function(n,i){if(i===void 0){i=false}var t=x.get(n);if(!t){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(b(n)&&y(n)){if(!M){M=new DOMParser}var e=M.parseFromString(n,"text/html");var r=e.querySelector("svg");if(r){j.set(n,r.outerHTML)}return Promise.resolve()}else{t=fetch(n).then((function(t){if(t.ok){return t.text().then((function(t){if(t&&i!==false){t=m(t)}j.set(n,t||"")}))}j.set(n,"")}));x.set(n,t)}}else{j.set(n,"");return Promise.resolve()}}return t};var P=":host{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}:host .pdsicon{fill:currentColor}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";var D=P;var I=n("pds_icon",function(){function n(n){var t=this;i(this,n);this.inheritedAttributes={};this.hasAriaHidden=function(){var n=t.el;return n.hasAttribute("aria-hidden")&&n.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}n.prototype.iconSize=function(){var n={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(n[this.size]){return n[this.size]}else{return this.size}};n.prototype.componentWillLoad=function(){this.inheritedAttributes=g(this.el,["aria-label"])};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=d(this);if(i){if(j.has(i)){this.svgContent=j.get(i)}else{O(i).then((function(){return n.svgContent=j.get(i)}))}}}var t=o(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}};n.prototype.render=function(){var n=this,i=n.ariaLabel,r=n.inheritedAttributes;var s={height:this.iconSize(),width:this.iconSize(),color:this.color};return t(e,Object.assign({key:"450a12ddbe225916752aeb9323ff1a11d11bc4b3","aria-label":i!==undefined&&!this.hasAriaHidden()?i:null,role:"img",style:s,class:Object.assign({},k(this.color))},r),this.svgContent?t("div",{class:"icon-inner",innerHTML:this.svgContent}):t("div",{class:"icon-inner"}))};n.prototype.waitUntilVisible=function(n,i,t){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();e.io=undefined;t()}}),{rootMargin:i});r.observe(n)}else{t()}};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());var k=function(n){var i;return n?(i={"pds-color":true},i["pds-color-".concat(n)]=true,i):null};I.style=D}}}));
-//# sourceMappingURL=p-3caa5870.system.entry.js.map

package/dist/pine-core/p-3caa5870.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","concat","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","Promise","resolve","then","rsp","ok","text","pdsIconCss","PdsIconStyle0","PdsIcon","exports","class_1","hostRef","_this","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","prototype","iconSize","sizes","small","regular","medium","large","componentWillLoad","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","url_1","has","label","render","_b","style","height","width","h","Host","Object","assign","key","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","defineProperty"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path) => {\n    var _a;\n    const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null || _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n    // Get the asset path from the window object if available\n    const windowAssetPath = window.__PINE_ASSET_PATH__;\n    // Set the CDN Asset path using the latest version\n    const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n    const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/';\n    // Display a warning if the assets are fetched from the CDN.\n    if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n        missingAssetPathWarning = true;\n        console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\\n\\nFor more information you read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `);\n    }\n    let assetPath = path;\n    if (path.startsWith('./')) {\n        assetPath = path.substring(2);\n    }\n    if (!assetBasePath.endsWith('/')) {\n        assetPath = '/' + assetPath;\n    }\n    return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getSrc(pdsIcon.src);\n    if (url) {\n        return url;\n    }\n    url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n                if (!parser) {\n                    parser = new DOMParser();\n                }\n                const doc = parser.parseFromString(url, 'text/html');\n                const svg = doc.querySelector('svg');\n                if (svg) {\n                    pdsIconContent.set(url, svg.outerHTML);\n                }\n                return Promise.resolve();\n            }\n            else {\n                // we don't have a request\n                req = fetch(url).then((rsp) => {\n                    if (rsp.ok) {\n                        return rsp.text().then((svgContent) => {\n                            if (svgContent && sanitize !== false) {\n                                svgContent = validateContent(svgContent);\n                            }\n                            pdsIconContent.set(url, svgContent || '');\n                        });\n                    }\n                    pdsIconContent.set(url, '');\n                });\n                requests.set(url, req);\n            }\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  contain: strict;\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  width: 1em;\n}\n:host .pdsicon {\n  fill: currentColor;\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n        this.ariaLabel = undefined;\n        this.isVisible = false;\n        this.svgContent = undefined;\n        this.color = undefined;\n        this.icon = undefined;\n        this.name = undefined;\n        this.size = 'regular';\n        this.src = undefined;\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    connectedCallback() {\n        this.waitUntilVisible(this.el, '50px', () => {\n            this.isVisible = true;\n            this.loadIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    loadIcon() {\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n                }\n            }\n        }\n        const label = getName(this.name, this.icon);\n        if (label) {\n            this.ariaLabel = label.replace(/\\-/g, ' ');\n        }\n    }\n    render() {\n        const { ariaLabel, inheritedAttributes } = this;\n        const style = {\n            height: this.iconSize(),\n            width: this.iconSize(),\n            color: this.color,\n        };\n        return (h(Host, Object.assign({ key: '450a12ddbe225916752aeb9323ff1a11d11bc4b3', \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, role: \"img\", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"name\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"src\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"loadIcon\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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"}

package/dist/pine-core/p-49a28a19.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-64b4cb70.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.h;n=e.H}],execute:function(){var o=":host{border-color:inherit;display:table-row-group;vertical-align:middle}";var f=o;var i=e("pds_table_body",function(){function e(e){t(this,e)}e.prototype.render=function(){return r(n,{key:"6d312a1c25591258df1f47699b2b7a3b74d85fe3",role:"rowgroup"},r("slot",{key:"423f7e680e9eff6daf2d4a08544b619f2c420beb"}))};return e}());i.style=f}}}));
-//# sourceMappingURL=p-49a28a19.system.entry.js.map

package/dist/pine-core/p-5f2b3f57.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s,H as c,g as o}from"./p-2f77dbd3.js";const i=":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";const l=i;const r=class{constructor(s){e(this,s);this.pdsTableRowSelected=t(this,"pdsTableRowSelected",7);this.handleCheckboxClick=()=>{this.isSelected=!this.isSelected;const e=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:e,isSelected:this.isSelected})};this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const s=`${e}-${t}`;return s};this.isSelected=false}classNames(){const e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return s(c,{key:"9ef478c127a101b918e3e444109a0a3b72d809d6",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&s("pds-table-cell",{key:"f7ecba3776fe1a5606ea66bc43f495e03635803f",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},s("pds-checkbox",{key:"6e4ebaa953542cb476f141818375b3ba8b490b2c",componentId:this.generateUniqueId(),onClick:this.handleCheckboxClick,label:"Select Row",labelHidden:true,checked:this.isSelected})),s("slot",{key:"4ccbd6b1a81d420dec05acb4f7a404ee670959b3"}))}get hostElement(){return o(this)}};r.style=l;export{r as pds_table_row};
-//# sourceMappingURL=p-5f2b3f57.entry.js.map

package/dist/pine-core/p-5f2b3f57.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableRowCss","PdsTableRowStyle0","PdsTableRow","this","handleCheckboxClick","isSelected","selectedIndex","Array","from","hostElement","parentNode","children","indexOf","pdsTableRowSelected","emit","rowIndex","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","classNames","push","join","componentWillRender","tableRef","closest","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","class","role","selectable","part","componentId","onClick","label","labelHidden","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-fixed: var(--pine-color-white);\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--color-background-fixed);\n    left: 0;\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrl: 'pds-table-row.scss',\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  tableRef: HTMLPdsTableElement;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  /**\n   * A local state to track whether the row is currently selected.\n   */\n  @State() isSelected: boolean = false;\n\n  private handleCheckboxClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    const selectedIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);\n    this.pdsTableRowSelected.emit({ rowIndex: selectedIndex, isSelected: this.isSelected });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : ''} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleCheckboxClick}\n              label={\"Select Row\"}\n              labelHidden={true}\n              checked={this.isSelected}\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,wiBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,kFAcdC,KAAAC,oBAAsB,KAC5BD,KAAKE,YAAcF,KAAKE,WACxB,MAAMC,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,WAAWC,UAAUC,QAAQT,KAAKM,aACpFN,KAAKU,oBAAoBC,KAAK,CAAEC,SAAUT,EAAeD,WAAYF,KAAKE,YAAa,EAsBjFF,KAAAa,iBAAmB,KACzB,MAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,MAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,MAAMC,EAAW,GAAGT,KAAgBK,IAEpC,OAAOI,CAAQ,E,gBAhCc,K,CAQvB,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAIxB,KAAKE,WAAY,CACnBsB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,mBAAAC,GACE3B,KAAK4B,SAAW5B,KAAKM,YAAYuB,QAAQ,aAEzC,GAAI7B,KAAK4B,UAAY5B,KAAK4B,SAASE,YAAa,CAC9C,MAAMC,EAAY/B,KAAKM,YAAY0B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAY7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOvC,KAAKwB,aACZgB,KAAK,OAEJxC,KAAK4B,UAAY5B,KAAK4B,SAASa,YAC9BL,EAAA,kBAAAE,IAAA,2CAAgBI,KAAM1C,KAAK4B,SAASE,YAAc,gBAAkB,GAAIS,MAAOvC,KAAK4B,SAASa,WAAa,eAAiB,IACzHL,EAAA,gBAAAE,IAAA,2CACEK,YAAa3C,KAAKa,mBAClB+B,QAAS5C,KAAKC,oBACd4C,MAAO,aACPC,YAAa,KACbC,QAAS/C,KAAKE,cAIpBkC,EAAA,QAAAE,IAAA,6C"}