@tmorrow/cre8-wc 1.2.4 → 1.2.5

package/lib/components/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../components/link/link.ts"],"names":[],"mappings":"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","sourcesContent":["import svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Filled/Arrow_-_Left.svg?raw';\nimport {\n    html, nothing,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './link.styles.js';\n\n/**\n * Link Component are strictly used in the case where the component will take\n * the user away from the current page to a new url.\n * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)\n * This goes for the variations as well such as the Call To Action Link\n *\n * **Note**\n *\n * For link with icon:\n * - **iconRotateDegree** & **iconFlipDirection** props are optional.\n * - They are used to set up the correct direction for icons, for example,\n * arrows, caret up or caret down.\n *\n*/\n\nexport class Cre8Link extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   * Href attribute of the anchor tag\n   */\n  @property()\n      href: string;\n\n  /**\n   * Rel attribute of the anchor tag\n   */\n  @property()\n      rel?: string;\n\n  /**\n   * Target attribute for a link (i.e. set to _blank to open in new tab)\n   * - **_blank** yields a link that opens in a new tab\n   * - **_self** yields a link that loads the URL into the same browsing context as the current one.\n   *   This is the default behavior\n   * - **_parent** yields a link that loads the URL into the parent browsing context of the current one.\n   *   If there is no parent, this behaves the same way as _self\n   * - **_top** yields a link that loads the URL into the top-level browsing context.\n   *   If there is no parent, this behaves the same way as _self.\n   */\n  @property()\n      target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * DEPRECATED: Icon name, use svg instead\n   * @deprecated\n   */\n  @property()\n      iconName?: string;\n\n  /**\n   * svg as a raw string\n   * - For links with icon, the icon is defined by this prop.\n   * - Pass in a raw svg as a String for using <cre8-icon>\n   */\n  @property()\n      svg?: string;\n\n  /**\n   * iconRotateDegree is used for <cre8-icon> to set the arrow in the correct direction\n   */\n  @property({ type: Number })\n      iconRotateDegree?: number = 0;\n\n  /**\n   * iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction\n   */\n  @property()\n      iconFlipDirection?: string;\n\n  /**\n   * Icon position\n   * - **before** places the icon before the button text\n   * - **after** places the icon after the button text\n   */\n  @property()\n      iconPosition?: 'before' | 'after' = undefined;\n\n  /**\n   * Call To Action Icon\n   */\n  @property()\n      ctaIcon = 'arrow-forward';\n\n  /**\n   * Call To Action Link\n   */\n  @property({ type: Boolean })\n      ctaLink?: boolean;\n\n  /**\n   * Link with no underline\n   */\n  @property({ type: Boolean })\n      noUnderline?: boolean;\n\n  /**\n   * Size variant (default is medium)\n   * - **sm** shrinks the link typography and overall size\n   * - **lg** increases the link typography size and overall size\n   */\n  @property()\n      size?: 'sm' | 'lg';\n\n  /**\n   * Inverted colors Link (onDark)\n   */\n  @property({ type: Boolean })\n      inverted?: boolean;\n\n  private generateIcon() {\n      if (this.iconName) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon-legacy\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              name=\"${ifDefined(this.iconName)}\">\n            </cre8-icon-legacy>\n          </div>`;\n      }\n\n      if (this.svg) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              svg='${this.svg}' rotate=\"${Number(this.iconRotateDegree)}\" flip=\"${this.iconFlipDirection}\">\n            </cre8-icon>\n          </div>`;\n      } return nothing;\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-link', {\n          'cre8-c-link--inverted': this.inverted,\n          'cre8-c-link--sm': this.size === 'sm',\n          'cre8-c-link--lg': this.size === 'lg',\n          'cre8-c-link__no-underline': this.noUnderline,\n      });\n\n      return html`\n      <a\n        class=\"${componentClassNames}\"\n        href=\"${ifDefined(this.href)}\"\n        rel=\"${ifDefined(this.rel)}\"\n        target=\"${ifDefined(this.target)}\"\n      >\n        <div class=\"cre8-c-link__text-area\">\n          ${this.iconPosition === 'before'\n        ? html`${this.generateIcon()}`\n        : nothing}\n          <span class=\"cre8-c-link__text\">\n            <slot></slot>\n          </span>\n          ${this.iconPosition === 'after'\n        ? html`${this.generateIcon()}`\n        : nothing}\n        </div>\n        <div class=\"cre8-c-link__variation\">\n          <slot name=\"badge\"></slot>\n          ${this.ctaLink\n        ? html`<div class=\"cre8-c-link__cta-wrapper\">\n                <cre8-icon class=\"cre8-c-link__action\" svg='${svgArrowLeft}' \n                rotate=\"180\" aria-hidden=\"true\"></cre8-icon>\n              </div>`\n        : nothing}\n        </div>\n      </a>\n    `;\n  }\n}\n\nif (customElements.get('cre8-link') === undefined) {\n    customElements.define('cre8-link', Cre8Link);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-link': Cre8Link;\n  }\n}\n\nexport default Cre8Link;\n"]}

package/lib/components/link/link.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=link.styles.d.ts.map

package/lib/components/link/link.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../components/link/link.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAyvBV,CAAC;AACH,eAAe,MAAM,CAAC"}