import { withHooks } from "@saasquatch/stencil-hooks";
import { Component, h, Prop, State } from "@stencil/core";
import { getProps } from "../../utils/utils";
import { PortalFooterView } from "./sqm-portal-footer-view";
/**
 * @uiName Footer
 * @validParents ["div","sqm-brand","sqm-portal-container", "sqm-divided-layout", "sqm-referral-card", "sqm-instant-access-registration", "sqm-portal-frame", "sqm-referred-registration"]
 */
export class PortalFooter {
  constructor() {
    this.ignored = true;
    /**
     * @uiName Hide support message
     */
    this.hideSupportText = false;
    /**
     * @uiName Support email
     */
    this.supportEmail = "support@example.com";
    /**
     * @uiName Support message
     * @uiWidget textArea
     */
    this.supportText = "For program support, contact {email}";
    /**
     * @uiName Hide powered by Impact.com
     * @requiredFeatures ["CUSTOM_BRANDING"]
     * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
     */
    this.hidePoweredBy = false;
    /**
     * @uiName Powered By link
     */
    this.poweredByLink = "https://impact.com/advocate/";
    /**
     * @uiName Top padding
     * @uiGroup Padding
     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
     */
    this.paddingTop = "large";
    /**
     * @uiName Right padding
     * @uiGroup Padding
     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
     */
    this.paddingRight = "large";
    /**
     * @uiName Bottom padding
     * @uiGroup Padding
     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
     */
    this.paddingBottom = "large";
    /**
     * @uiName Left padding
     * @uiGroup Padding
     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
     */
    this.paddingLeft = "large";
    withHooks(this);
  }
  disconnectedCallback() { }
  render() {
    return h(PortalFooterView, Object.assign({}, getProps(this)));
  }
  static get is() { return "sqm-portal-footer"; }
  static get encapsulation() { return "shadow"; }
  static get assetsDirs() { return ["../../assets"]; }
  static get properties() { return {
    "hideSupportText": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Hide support message",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "hide-support-text",
      "reflect": false,
      "defaultValue": "false"
    },
    "supportEmail": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Support email",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "support-email",
      "reflect": false,
      "defaultValue": "\"support@example.com\""
    },
    "supportText": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Support message",
            "name": "uiName"
          }, {
            "text": "textArea",
            "name": "uiWidget"
          }],
        "text": ""
      },
      "attribute": "support-text",
      "reflect": false,
      "defaultValue": "\"For program support, contact {email}\""
    },
    "termsLink": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "Terms and conditions link",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "terms-link",
      "reflect": false
    },
    "termsText": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "Terms and conditions text",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "terms-text",
      "reflect": false
    },
    "faqLink": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "FAQ link",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "faq-link",
      "reflect": false
    },
    "faqText": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "FAQ text",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "faq-text",
      "reflect": false
    },
    "hidePoweredBy": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Hide powered by Impact.com",
            "name": "uiName"
          }, {
            "text": "[\"CUSTOM_BRANDING\"]",
            "name": "requiredFeatures"
          }, {
            "text": "<div>Integrate your brand identity further by removing impact.com\u2019s branding from your widget. Contact <a href=\"mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]\">Support</a> to upgrade your plan</div>",
            "name": "featureTooltip"
          }],
        "text": ""
      },
      "attribute": "hide-powered-by",
      "reflect": false,
      "defaultValue": "false"
    },
    "poweredByLink": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Powered By link",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "powered-by-link",
      "reflect": false,
      "defaultValue": "\"https://impact.com/advocate/\""
    },
    "paddingTop": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Top padding",
            "name": "uiName"
          }, {
            "text": "Padding",
            "name": "uiGroup"
          }, {
            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
            "name": "uiEnum"
          }, {
            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
            "name": "uiEnumNames"
          }],
        "text": ""
      },
      "attribute": "padding-top",
      "reflect": false,
      "defaultValue": "\"large\""
    },
    "paddingRight": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Right padding",
            "name": "uiName"
          }, {
            "text": "Padding",
            "name": "uiGroup"
          }, {
            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
            "name": "uiEnum"
          }, {
            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
            "name": "uiEnumNames"
          }],
        "text": ""
      },
      "attribute": "padding-right",
      "reflect": false,
      "defaultValue": "\"large\""
    },
    "paddingBottom": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Bottom padding",
            "name": "uiName"
          }, {
            "text": "Padding",
            "name": "uiGroup"
          }, {
            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
            "name": "uiEnum"
          }, {
            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
            "name": "uiEnumNames"
          }],
        "text": ""
      },
      "attribute": "padding-bottom",
      "reflect": false,
      "defaultValue": "\"large\""
    },
    "paddingLeft": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Left padding",
            "name": "uiName"
          }, {
            "text": "Padding",
            "name": "uiGroup"
          }, {
            "text": "[\"none\", \"xxx-small\", \"xx-small\", \"x-small\", \"small\", \"medium\", \"large\", \"x-large\", \"xx-large\", \"xxx-large\", \"xxxx-large\"]",
            "name": "uiEnum"
          }, {
            "text": "[\"None\", \"XXX-Small\", \"XX-Small\", \"X-Small\", \"Small\", \"Medium\", \"Large\", \"X-Large\", \"XX-Large\", \"XXX-Large\", \"XXXX-Large\"]",
            "name": "uiEnumNames"
          }],
        "text": ""
      },
      "attribute": "padding-left",
      "reflect": false,
      "defaultValue": "\"large\""
    }
  }; }
  static get states() { return {
    "ignored": {}
  }; }
}
