@limetech/lime-elements 38.16.2 → 38.17.0

package/dist/collection/components/shortcut/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcut.js","sourceRoot":"","sources":["../../../src/components/shortcut/shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE;;;;;;;;;;;;;GAaG;AAOH,MAAM,OAAO,QAAQ;;IAqET,gBAAW,GAAG,GAAG,EAAE;MACvB,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,2BAAkB,MAAM,IAAE,IAAI,CAAC,KAAK,CAAQ,CAAC;OACvD;IACL,CAAC,CAAC;IAEM,iBAAY,GAAG,GAAG,EAAE;;MACxB,IAAI,IAAI,CAAC,KAAK,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAA,EAAE;QAChC,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC9C;MAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC;OACrB;MAED,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC1B;MAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEM,uBAAkB,GAAG,GAAG,EAAE;MAC9B,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,mBAAa,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC;OAC7C;IACL,CAAC,CAAC;;iBApFsB,IAAI;oBAMA,KAAK;;;;EAqB1B,iBAAiB;IACpB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAChE,IAAI,CAAC,IAAI,CACZ,CAAC;IACF,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IACzC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;EAC7C,CAAC;EAEM,MAAM;;IACT,OAAO,CACH,EAAC,IAAI,IACD,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB;MAEnC,0BACmB,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EACrB,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EACzB,QAAQ,EAAC,GAAG,gBACA,IAAI,CAAC,YAAY,EAAE,EAC/B,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK;QAEvB,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;QAC/B,qCAA8B,CAC9B;MACH,IAAI,CAAC,WAAW,EAAE;MAClB,IAAI,CAAC,kBAAkB,EAAE,CACvB,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BJ","sourcesContent":["import { Component, Prop, h, Element, Host } from '@stencil/core';\nimport { Link } from '../../global/shared-types/link.types';\nimport { getMouseEventHandlers } from '../../util/3d-tilt-hover-effect';\n\n/**\n * This component can be used on places such as a start page or a dashboard.\n * Clicking on the component should navigate the user to a new screen,\n * to which you need to provide a URL, by specifying an `href` for the `link` property.\n *\n * By default, this navigation will happen within the same browser tab.\n * However, it is possible to override that behavior, by specifying a `target`\n * for the `link` property\n *\n * @exampleComponent limel-example-shortcut\n * @exampleComponent limel-example-shortcut-notification\n * @exampleComponent limel-example-shortcut-styling\n * @exampleComponent limel-example-shortcut-with-click-handler\n */\n\n@Component({\n    tag: 'limel-shortcut',\n    shadow: true,\n    styleUrl: 'shortcut.scss',\n})\nexport class Shortcut {\n    /**\n     * Name of icon for the shortcut.\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    /**\n     * The text to show below the shortcut. Long label will be truncated.\n     */\n    @Prop({ reflect: true })\n    public label?: string = null;\n\n    /**\n     * Set to `true` if shortcut is disabled.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * If specified, will display a notification badge\n     * on the shortcut.\n     */\n    @Prop({ reflect: true })\n    public badge?: number | string;\n\n    /**\n     * If supplied, the shortcut will be a clickable link.\n     */\n    @Prop()\n    public link?: Link;\n\n    @Element()\n    private host: HTMLElement;\n\n    private handleMouseEnter: () => void;\n    private handleMouseLeave: () => void;\n\n    public componentWillLoad() {\n        const { handleMouseEnter, handleMouseLeave } = getMouseEventHandlers(\n            this.host,\n        );\n        this.handleMouseEnter = handleMouseEnter;\n        this.handleMouseLeave = handleMouseLeave;\n    }\n\n    public render() {\n        return (\n            <Host\n                onMouseEnter={this.handleMouseEnter}\n                onMouseLeave={this.handleMouseLeave}\n            >\n                <a\n                    aria-disabled={this.disabled}\n                    href={this.link?.href}\n                    target={this.link?.target}\n                    tabindex=\"0\"\n                    aria-label={this.getAriaLabel()}\n                    title={this.link?.title}\n                >\n                    <limel-icon name={this.icon} />\n                    <limel-3d-hover-effect-glow />\n                </a>\n                {this.renderLabel()}\n                {this.renderNotification()}\n            </Host>\n        );\n    }\n\n    private renderLabel = () => {\n        if (this.label) {\n            return <span aria-hidden=\"true\">{this.label}</span>;\n        }\n    };\n\n    private getAriaLabel = () => {\n        if (this.label && this.link?.title) {\n            return this.label + '. ' + this.link.title;\n        }\n\n        if (this.label) {\n            return this.label;\n        }\n\n        if (this.link?.title) {\n            return this.link.title;\n        }\n\n        return undefined;\n    };\n\n    private renderNotification = () => {\n        if (this.badge) {\n            return <limel-badge label={this.badge} />;\n        }\n    };\n}\n"]}
+{"version":3,"file":"shortcut.js","sourceRoot":"","sources":["../../../src/components/shortcut/shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE;;;;;;;;;;;;;GAaG;AAOH,MAAM,OAAO,QAAQ;;IAwET,gBAAW,GAAG,GAAG,EAAE;MACvB,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,2BAAkB,MAAM,IAAE,IAAI,CAAC,KAAK,CAAQ,CAAC;OACvD;IACL,CAAC,CAAC;IAEM,iBAAY,GAAG,GAAG,EAAE;;MACxB,IAAI,IAAI,CAAC,KAAK,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAA,EAAE;QAChC,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC9C;MAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC;OACrB;MAED,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;OAC1B;MAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEM,uBAAkB,GAAG,GAAG,EAAE;MAC9B,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,OAAO,mBAAa,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC;OAC7C;IACL,CAAC,CAAC;;iBAvFsB,IAAI;oBAMA,KAAK;;;;EAqB1B,iBAAiB;IACpB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAChE,IAAI,CAAC,IAAI,CACZ,CAAC;IACF,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IACzC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;EAC7C,CAAC;EAEM,MAAM;;IACT,MAAM,GAAG,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACH,EAAC,IAAI,IACD,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB;MAEnC,0BACmB,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EACrB,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EACzB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,GAAG,gBACA,IAAI,CAAC,YAAY,EAAE,EAC/B,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK;QAEvB,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;QAC/B,qCAA8B,CAC9B;MACH,IAAI,CAAC,WAAW,EAAE;MAClB,IAAI,CAAC,kBAAkB,EAAE,CACvB,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BJ","sourcesContent":["import { Component, Prop, h, Element, Host } from '@stencil/core';\nimport { Link } from '../../global/shared-types/link.types';\nimport { getRel } from '../../util/link-helper';\nimport { getMouseEventHandlers } from '../../util/3d-tilt-hover-effect';\n\n/**\n * This component can be used on places such as a start page or a dashboard.\n * Clicking on the component should navigate the user to a new screen,\n * to which you need to provide a URL, by specifying an `href` for the `link` property.\n *\n * By default, this navigation will happen within the same browser tab.\n * However, it is possible to override that behavior, by specifying a `target`\n * for the `link` property\n *\n * @exampleComponent limel-example-shortcut\n * @exampleComponent limel-example-shortcut-notification\n * @exampleComponent limel-example-shortcut-styling\n * @exampleComponent limel-example-shortcut-with-click-handler\n */\n\n@Component({\n    tag: 'limel-shortcut',\n    shadow: true,\n    styleUrl: 'shortcut.scss',\n})\nexport class Shortcut {\n    /**\n     * Name of icon for the shortcut.\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    /**\n     * The text to show below the shortcut. Long label will be truncated.\n     */\n    @Prop({ reflect: true })\n    public label?: string = null;\n\n    /**\n     * Set to `true` if shortcut is disabled.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * If specified, will display a notification badge\n     * on the shortcut.\n     */\n    @Prop({ reflect: true })\n    public badge?: number | string;\n\n    /**\n     * If supplied, the shortcut will be a clickable link.\n     */\n    @Prop()\n    public link?: Link;\n\n    @Element()\n    private host: HTMLElement;\n\n    private handleMouseEnter: () => void;\n    private handleMouseLeave: () => void;\n\n    public componentWillLoad() {\n        const { handleMouseEnter, handleMouseLeave } = getMouseEventHandlers(\n            this.host,\n        );\n        this.handleMouseEnter = handleMouseEnter;\n        this.handleMouseLeave = handleMouseLeave;\n    }\n\n    public render() {\n        const rel = getRel(this.link?.target, this.link?.rel);\n\n        return (\n            <Host\n                onMouseEnter={this.handleMouseEnter}\n                onMouseLeave={this.handleMouseLeave}\n            >\n                <a\n                    aria-disabled={this.disabled}\n                    href={this.link?.href}\n                    target={this.link?.target}\n                    rel={rel}\n                    tabindex=\"0\"\n                    aria-label={this.getAriaLabel()}\n                    title={this.link?.title}\n                >\n                    <limel-icon name={this.icon} />\n                    <limel-3d-hover-effect-glow />\n                </a>\n                {this.renderLabel()}\n                {this.renderNotification()}\n            </Host>\n        );\n    }\n\n    private renderLabel = () => {\n        if (this.label) {\n            return <span aria-hidden=\"true\">{this.label}</span>;\n        }\n    };\n\n    private getAriaLabel = () => {\n        if (this.label && this.link?.title) {\n            return this.label + '. ' + this.link.title;\n        }\n\n        if (this.label) {\n            return this.label;\n        }\n\n        if (this.link?.title) {\n            return this.link.title;\n        }\n\n        return undefined;\n    };\n\n    private renderNotification = () => {\n        if (this.badge) {\n            return <limel-badge label={this.badge} />;\n        }\n    };\n}\n"]}

package/dist/collection/global/shared-types/link.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.types.js","sourceRoot":"","sources":["../../../src/global/shared-types/link.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for a link.\n * @public\n */\nexport interface Link {\n    /**\n     * The url the link should point to.\n     */\n    href: string;\n\n    /**\n     * The text value to use for the link.\n     * Note that this might not be used by all components that use the\n     * Link interface.\n     */\n    text?: string;\n\n    /**\n     * Title for the link. Read by assistive tech and shown when the\n     * link is hovered. Can be used to provide additional information\n     * about the link. It improves accessibility both for sighted users\n     * and users of assistive technologies.\n     */\n    title?: string;\n\n    /**\n     * Target for the link. See\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n     * for more info.\n     */\n    target?: string;\n}\n"]}
+{"version":3,"file":"link.types.js","sourceRoot":"","sources":["../../../src/global/shared-types/link.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for a link.\n * @public\n */\nexport interface Link {\n    /**\n     * The url the link should point to.\n     */\n    href: string;\n\n    /**\n     * The text value to use for the link.\n     * Note that this might not be used by all components that use the\n     * Link interface.\n     */\n    text?: string;\n\n    /**\n     * Title for the link. Read by assistive tech and shown when the\n     * link is hovered. Can be used to provide additional information\n     * about the link. It improves accessibility both for sighted users\n     * and users of assistive technologies.\n     */\n    title?: string;\n\n    /**\n     * Target for the link. See\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n     * for more info.\n     */\n    target?: string;\n\n    /**\n     * The `rel` attribute for the link.\n     * Unless explicitly provided, in our components, this is\n     * automatically set to `\"noopener noreferrer\"`\n     * when `target=\"_blank\"` is used, for improved security.\n     * Providing an empty string will override the default.\n     */\n    rel?: string;\n}\n"]}

package/dist/collection/util/link-helper.js

@@ -48,4 +48,24 @@ function isRelativeLink(input) {
 function hasRelativeProtocol(input) {
   return input.startsWith('//');
 }
+/**
+ * Returns the appropriate `rel` attribute value for a link.
+ *
+ * If an explicit `rel` value is provided, it will be used.
+ * Otherwise, when `target` is `_blank`, automatically returns
+ * `"noopener noreferrer"` for improved security.
+ *
+ * @param target - The target attribute value (e.g., "_blank", "_self")
+ * @param explicitRel - An explicitly provided rel attribute value
+ * @returns The rel attribute value to use, or undefined if none needed
+ */
+export function getRel(target, explicitRel) {
+  if (explicitRel !== undefined) {
+    return explicitRel.trim() || undefined;
+  }
+  if ((target === null || target === void 0 ? void 0 : target.trim().toLowerCase()) === '_blank') {
+    return 'noopener noreferrer';
+  }
+  return undefined;
+}
 //# sourceMappingURL=link-helper.js.map

package/dist/collection/util/link-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-helper.js","sourceRoot":"","sources":["../../src/util/link-helper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,KAAa;EACjC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAC/C,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;IACf,OAAO,IAAI,CAAC;GACf;EAED,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;EACnC,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;EAC3B,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE;IACrB,OAAO,OAAO,CAAC;GAClB;EAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAa;EACzC,IAAI,CAAC,KAAK,EAAE;IACR,OAAO,KAAK,CAAC;GAChB;EAED,OAAO,UAAU,GAAG,KAAK,CAAC;AAC9B,CAAC;AAED,SAAS,OAAO,CAAC,IAAY;EACzB,OAAO,CACH,gBAAgB,CAAC,IAAI,CAAC;IACtB,cAAc,CAAC,IAAI,CAAC;IACpB,mBAAmB,CAAC,IAAI,CAAC,CAC5B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;EAC1C,MAAM,cAAc,GAAG;IACnB,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IAEN,qFAAqF;IACrF,MAAM;IAEN,sEAAsE;IACtE,0EAA0E;IAC1E,SAAS;GACZ,CAAC;EAEF,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;EACnD,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;EACjC,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;IAC5B,OAAO,KAAK,CAAC;GAChB;EAED,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAa;EACtC,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC","sourcesContent":["export function getHref(value: string) {\n    const href = value ? String(value.trim()) : '';\n    if (isValid(href)) {\n        return href;\n    }\n\n    return prependProtocol(href);\n}\n\nexport function getTarget(value: string) {\n    const url = getHref(value);\n    if (isRelativeLink(url)) {\n        return '_self';\n    }\n\n    return '_blank';\n}\n\nexport function prependProtocol(input: string) {\n    if (!input) {\n        return input;\n    }\n\n    return 'https://' + input;\n}\n\nfunction isValid(href: string) {\n    return (\n        hasKnownProtocol(href) ||\n        isRelativeLink(href) ||\n        hasRelativeProtocol(href)\n    );\n}\n\nexport function hasKnownProtocol(input: string) {\n    const knownProtocols = [\n        'ftp',\n        'ftps',\n        'https',\n        'http',\n\n        // `file` may or may not work, due to cross-origin restrictions and browser settings.\n        'file',\n\n        // m-files is a protocol used by the M-Files desktop app or something.\n        // It's not a web protocol, but it allows open M-Files links in their app.\n        'm-files',\n    ];\n\n    return knownProtocols.some((knownProtocol) => {\n        return input.startsWith(knownProtocol + '://');\n    });\n}\n\nfunction isRelativeLink(input: string) {\n    if (hasRelativeProtocol(input)) {\n        return false;\n    }\n\n    return input.startsWith('/') || input.startsWith('#');\n}\n\nfunction hasRelativeProtocol(input: string) {\n    return input.startsWith('//');\n}\n"]}
+{"version":3,"file":"link-helper.js","sourceRoot":"","sources":["../../src/util/link-helper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,KAAa;EACjC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAC/C,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;IACf,OAAO,IAAI,CAAC;GACf;EAED,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;EACnC,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;EAC3B,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE;IACrB,OAAO,OAAO,CAAC;GAClB;EAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAa;EACzC,IAAI,CAAC,KAAK,EAAE;IACR,OAAO,KAAK,CAAC;GAChB;EAED,OAAO,UAAU,GAAG,KAAK,CAAC;AAC9B,CAAC;AAED,SAAS,OAAO,CAAC,IAAY;EACzB,OAAO,CACH,gBAAgB,CAAC,IAAI,CAAC;IACtB,cAAc,CAAC,IAAI,CAAC;IACpB,mBAAmB,CAAC,IAAI,CAAC,CAC5B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;EAC1C,MAAM,cAAc,GAAG;IACnB,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IAEN,qFAAqF;IACrF,MAAM;IAEN,sEAAsE;IACtE,0EAA0E;IAC1E,SAAS;GACZ,CAAC;EAEF,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;IACzC,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;EACnD,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;EACjC,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;IAC5B,OAAO,KAAK,CAAC;GAChB;EAED,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAa;EACtC,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,MAAM,CAAC,MAAsB,EAAE,WAA2B;EACtE,IAAI,WAAW,KAAK,SAAS,EAAE;IAC3B,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,SAAS,CAAC;GAC1C;EAED,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAG,WAAW,EAAE,MAAK,QAAQ,EAAE;IAC3C,OAAO,qBAAqB,CAAC;GAChC;EAED,OAAO,SAAS,CAAC;AACrB,CAAC","sourcesContent":["export function getHref(value: string) {\n    const href = value ? String(value.trim()) : '';\n    if (isValid(href)) {\n        return href;\n    }\n\n    return prependProtocol(href);\n}\n\nexport function getTarget(value: string) {\n    const url = getHref(value);\n    if (isRelativeLink(url)) {\n        return '_self';\n    }\n\n    return '_blank';\n}\n\nexport function prependProtocol(input: string) {\n    if (!input) {\n        return input;\n    }\n\n    return 'https://' + input;\n}\n\nfunction isValid(href: string) {\n    return (\n        hasKnownProtocol(href) ||\n        isRelativeLink(href) ||\n        hasRelativeProtocol(href)\n    );\n}\n\nexport function hasKnownProtocol(input: string) {\n    const knownProtocols = [\n        'ftp',\n        'ftps',\n        'https',\n        'http',\n\n        // `file` may or may not work, due to cross-origin restrictions and browser settings.\n        'file',\n\n        // m-files is a protocol used by the M-Files desktop app or something.\n        // It's not a web protocol, but it allows open M-Files links in their app.\n        'm-files',\n    ];\n\n    return knownProtocols.some((knownProtocol) => {\n        return input.startsWith(knownProtocol + '://');\n    });\n}\n\nfunction isRelativeLink(input: string) {\n    if (hasRelativeProtocol(input)) {\n        return false;\n    }\n\n    return input.startsWith('/') || input.startsWith('#');\n}\n\nfunction hasRelativeProtocol(input: string) {\n    return input.startsWith('//');\n}\n\n/**\n * Returns the appropriate `rel` attribute value for a link.\n *\n * If an explicit `rel` value is provided, it will be used.\n * Otherwise, when `target` is `_blank`, automatically returns\n * `\"noopener noreferrer\"` for improved security.\n *\n * @param target - The target attribute value (e.g., \"_blank\", \"_self\")\n * @param explicitRel - An explicitly provided rel attribute value\n * @returns The rel attribute value to use, or undefined if none needed\n */\nexport function getRel(target?: string | null, explicitRel?: string | null) {\n    if (explicitRel !== undefined) {\n        return explicitRel.trim() || undefined;\n    }\n\n    if (target?.trim().toLowerCase() === '_blank') {\n        return 'noopener noreferrer';\n    }\n\n    return undefined;\n}\n"]}

package/dist/esm/limel-breadcrumbs_8.entry.js

@@ -3,7 +3,7 @@ import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter
 import { c as createRandomString } from './random-string-e74dc48d.js';
 import { g as getIconName, a as getIconColor, b as getIconTitle } from './get-icon-props-37514418.js';
 import { T as TAB, A as ARROW_UP, b as ARROW_DOWN, E as ESCAPE, a as ENTER, S as SPACE, c as ARROW_LEFT, d as ARROW_RIGHT } from './keycodes-e2e44b7e.js';
-import { g as getHref, a as getTarget } from './link-helper-0c4a5c2e.js';
+import { a as getHref, b as getTarget, g as getRel } from './link-helper-1522032e.js';
 import { g as globalConfig } from './config-656a588f.js';
 import { M as MDCTextField } from './component-e6eb55fa.js';
 import { d as debounce } from './debounce-9a05c91c.js';
@@ -332,6 +332,7 @@ const InputField = class {
         default:
           props.href = getHref(this.value);
           props.target = getTarget(this.value);
+          props.rel = getRel(props.target);
       }
       return props;
     };