{"file":"csi-brand-footer.js","mappings":";;iBAGwB,GAAmB;EACzC,MAAM,MAAM,GACV,cAAQ,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ;IAChC,WAAK,KAAK,EAAC,kBAAkB;MAC3B,WAAK,KAAK,EAAC,YAAY;QACrB,WAAK,KAAK,EAAC,cAAc;UACvB,SAAG,IAAI,EAAC,uBAAuB,EAAC,MAAM,EAAC,OAAO;YAC5C,WACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,WAAW,qBACD,oBAAoB,EACpC,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,gBAAgB;cAExB,YAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,sDAAsD,GAAG;cAC7E,YAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,iKAAiK,GAAG;cACxL,YAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,sJAAsJ,GAAG;cAC7K,YAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,sIAAsI,GAAG;cAC7J,aAAO,EAAE,EAAC,gCAAgC,yBAA2B,CACjE,CACJ,CACA;QACN,WAAK,KAAK,EAAC,aAAa;UAEpB,CAAC,GAAG,CAAC,QAAQ,KAAK,EAAE;YACpB,UAAI,KAAK,EAAC,WAAW;cACrB,SAAG,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,IACxC,GAAG,CAAC,QAAQ,CACZ,CACD;UAGH,CAAC,GAAG,CAAC,UAAU,KAAK,EAAE;YACxB,SAAG,KAAK,EAAC,kBAAkB;cACzB,SAAG,IAAI,EAAE,GAAG,CAAC,UAAU,IACrB,GAAG,CAAC,UAAU,CAAM,CACpB,CAEA;QACN,WAAK,KAAK,EAAC,cAAc;UACvB;YACI,GAAG,CAAC,WAAW;YAAE,aAAM;YACzB,SAAG,IAAI,EAAC,kBAAkB;cACxB,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,qBAAiB,cAAc,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI;gBAAC,YAAM,CAAC,EAAC,oPAAoP,GAAE,CAAM;6BAEtY;YAAA,aAAM,CACR,CACA,CACF;MAEN,WAAK,KAAK,EAAC,mCAAmC;QAC5C,UAAI,KAAK,EAAC,MAAM;UAEZ,CAAC,GAAG,CAAC,YAAY,KAAK,EAAE;YACxB,UAAI,KAAK,EAAC,WAAW;cACnB,SAAG,IAAI,EAAG,GAAG,CAAC,YAAY;gBACxB,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa;kBAAC,gBAAe;kBAAA,YAAM,CAAC,EAAC,oQAAoQ,GAAE,CAAM;gBAC7X,YAAM,KAAK,EAAC,WAAW,eAAgB,CAAI,CAC1C;UAGL,CAAC,GAAG,CAAC,WAAW,KAAK,EAAE;YACvB,UAAI,KAAK,EAAC,WAAW;cACnB,SAAG,IAAI,EAAG,GAAG,CAAC,WAAW;gBACvB,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa;kBAAC,gBAAe;kBAAA,YAAM,CAAC,EAAC,wQAAwQ,GAAE,CAAM,CAAI,CACpY;UAGL,CAAC,GAAG,CAAC,aAAa,KAAK,EAAE;YACzB,UAAI,KAAK,EAAC,WAAW;cACnB,SAAG,IAAI,EAAG,GAAG,CAAC,aAAa;gBACzB,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa;kBAAC,gBAAe;kBAAA,YAAM,CAAC,EAAC,45BAA45B,GAAE,CAAM;gBACrhC,YAAM,KAAK,EAAC,WAAW,gBAAiB,CAAI,CAC3C,CAEJ,CACD;MAEN,WAAK,KAAK,EAAC,QAAQ;QACjB,UAAI,KAAK,EAAC,cAAc;UACtB;;YAAa,GAAG,CAAC,IAAI;;YAAyC,SAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,mCAAmC,sCAAwC,CAC/L;UACL;YACE,SAAG,IAAI,EAAC,2BAA2B,qBAAmB,CACnD;UACL;YACE,SAAG,IAAI,EAAC,4EAA4E,kCAAgC,CACjH;UACL;YACE,SAAG,IAAI,EAAC,iCAAiC,oBAAkB,CACxD;UACL;YACE,SAAG,IAAI,EAAC,6CAA6C,yCAAuC,CACzF,CACF,CACD,CACF,CACC,CAAC;EACV,OAAO,MAAM,CAAC;AAClB;;ACvGA,MAAM,iBAAiB,GAAG,k8IAAk8I;;MCS/8IA,gBAAc;;;;;IA6CzB,SAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;EAzChC,YAAY,CAAC,QAAgB;;IAE3B,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAI,QAAQ,IAAI,QAAQ,KAAK,EAAE,CAAC;IAC/D,IAAI,OAAO,EAAE;MACX,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAA;KACzE;;IAED,MAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;IACvE,IAAI,CAAC,SAAS,EAAE;MACd,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;KACxE;GACF;EAyBD,gBAAgB;IACd,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,IAAI,CAAC,YAAY,CAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;GACnC;EAID,MAAM;IACJ,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CsiBrandFooter"],"sources":["src/components/csi-brand-footer/csi-brand-footer.html.tsx","src/components/csi-brand-footer/css/csi-brand-footer.css?tag=csi-brand-footer&encapsulation=shadow","src/components/csi-brand-footer/csi-brand-footer.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { CsiBrandFooter } from \"./csi-brand-footer\";\n\nexport default function(cmp: CsiBrandFooter): object {\n  const footer =\n    <footer class=\"footer\" id=\"footer\">\n      <div class=\"footer-container\">\n        <div class=\"footer-top\">\n          <div class=\"logo--footer\">\n            <a href=\"https://www.uiowa.edu\" target=\"blank\">\n              <svg\n                part=\"svg-elem\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"logo-icon\"\n                aria-labelledby=\"University of Iowa\"\n                role=\"img\"\n                viewBox=\"0 0 311.6 90.2\"\n              >\n                <path class=\"st0\" d=\"M40 18.8h-7.3v52.4H40v19H0v-19h7.3V18.8H0V0h40V18.8z\" />\n                <path class=\"st0\" d=\"M93.8 90.2h-29c-10.5 0-17.4-6.9-17.4-18.2V18.2C47.4 7 54.4 0 64.8 0h29c10.5 0 17.4 7 17.4 18.2V72C111.2 83.2 104.2 90.2 93.8 90.2zM85.6 71.2V18.8H73v52.4H85.6z\" />\n                <path class=\"st0\" d=\"M122.6 18.8h-6.4V0h38v18.9H147l6.5 43.4L167 0h19.2l14.4 62.3 5.2-43.4h-6.6V0h37.5v18.9h-6.2l-11.3 71.4h-30.6l-11.8-53.2 -12.1 53.1h-29.4L122.6 18.8z\" />\n                <path class=\"st0\" d=\"M230.1 71.2h6.9L250.7 0h41l13.5 71.2h6.4v19H281l-2.9-22h-15.2l-2.7 22h-30L230.1 71.2 230.1 71.2zM276.5 51.7l-5.8-36.4 -6 36.4H276.5z\" />\n                <title id=\"University of Iowa footer logo\">University of Iowa</title>\n              </svg>\n            </a>\n          </div>\n          <div class=\"site-titles\">\n            {\n              (cmp.sitename !== '') &&\n              <h2 class=\"site-name\">\n              <a class=\"site-name-link\" href={cmp.sitelink}>\n                { cmp.sitename }\n              </a>\n            </h2>\n            }\n            {\n              (cmp.siteparent !== '') &&\n            <p class=\"parent-site-name\">\n              <a href={cmp.parentlink}>\n              { cmp.siteparent }</a>\n            </p>\n            }\n          </div>\n          <div class=\"contact-info\">\n            <p>\n              { cmp.addressline }<br />\n              <a href=\"tel:319-335-1023\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" aria-labelledby=\"phone number\" height=\"48\" viewBox=\"0 -960 960 960\" width=\"48\"><path d=\"M795-120q-116 0-236.5-56T335-335Q232-438 176-558.5T120-795q0-19 13-32t32-13h140q14 0 24 10t14 25l27 126q2 14-.5 25.5T359-634L259-533q26 44 55 82t64 72q37 38 78 69.5t86 55.5l95-98q10-11 23-15t26-2l119 26q15 4 25 16t10 27v135q0 19-13 32t-32 13Z\"/></svg>\n                319-335-1023\n              </a><br />\n            </p>\n          </div>\n        </div>\n\n        <div class=\"footer__links footer__links--icon\">\n          <ul class=\"menu\">\n            {\n              (cmp.facebooklink !== '') &&\n              <li class=\"menu-item\">\n                <a href={ cmp.facebooklink }>\n                  <svg fill=\"#ffffff\" xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 0 448 512\"><style></style><path d=\"M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z\"/></svg>\n                  <span class=\"link-text\">Facebook</span></a>\n              </li>\n            }\n            {\n              (cmp.twitterlink !== '') &&\n              <li class=\"menu-item\">\n                <a href={ cmp.twitterlink }>\n                  <svg fill=\"#ffffff\" xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 0 448 512\"><style></style><path d=\"M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z\"/></svg></a>\n              </li>\n            }\n            {\n              (cmp.instagramlink !== '') &&\n              <li class=\"menu-item\">\n                <a href={ cmp.instagramlink }>\n                  <svg fill=\"#ffffff\" xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 0 448 512\"><style></style><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"/></svg>\n                  <span class=\"link-text\">Instagram</span></a>\n              </li>\n            }\n          </ul>\n        </div>\n\n        <div class=\"socket\">\n          <ul class=\"socket__menu\">\n            <li>&copy; { cmp.year } The University of Iowa | Developed by <a href=\"https://csi.its.uiowa.edu/\" target=\"_blank\" title=\"Custom Solutions and Integrations\">Custom Solutions &amp; Integrations</a>\n            </li>\n            <li>\n              <a href=\"https://uiowa.edu/privacy\">Privacy Notice</a>\n            </li>\n            <li>\n              <a href=\"https://opsmanual.uiowa.edu/community-policies/nondiscrimination-statement\">Nondiscrimination Statement</a>\n            </li>\n            <li>\n              <a href=\"https://uiowa.edu/accessibility\">Accessibility</a>\n            </li>\n            <li>\n              <a href=\"https://nativeamericancouncil.org.uiowa.edu\">UI Indigenous Land Acknowledgement</a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </footer>;\n    return footer;\n}\n","@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');\n\n:host * {\n  font-size: 16px;\n  box-sizing: border-box;\n  font-family: \"Roboto\", sans-serif;\n  /* 1 */\n  line-height: 1.15;\n  /* 2 */\n  -ms-text-size-adjust: 100%;\n  /* 3 */\n  -webkit-text-size-adjust: 100%;\n  /* 3 */\n  touch-action: manipulation;\n  --ui-brand-gold: #ffcd00;\n  --ui-brand-black: #151515;\n  --light: #ffffff;\n  --dark: #000000;\n  --gray: #ccc;\n}\n\n.footer {\n  background-color: var(--ui-brand-black);\n  -webkit-font-smoothing: antialiased;  \n  padding-top: 1.875rem;\n  padding-right: 0;\n  padding-bottom: 1.875rem;\n  padding-left: 0;\n  .footer-container {\n    max-width: 81.875rem;\n    margin: 0 1.25rem;\n  }\n  @media (min-width: 84.375em) {\n    .footer-container {\n      max-width: 81.875em;\n      margin: 0 auto; } }\n  @media (min-width: 84.375em) {\n    .footer-container {\n      padding: 0; } }\n}\n\n.footer-top .logo--footer svg.logo-icon  {\n  fill: var(--ui-brand-gold);\n  stroke: var(--ui-brand-gold);\n  margin-bottom: .625rem;  \n}\n@media (min-width: 1400.01px) {\n  .footer-top .logo--footer svg.logo-icon {\n    /* @include setWidth(10rem); */\n    min-width: 10rem;\n    width: 10rem;\n    max-width: 10rem;\n  }\n}\n@media (max-width: 1400px) {\n  .footer-top .logo--footer svg.logo-icon {\n      /* @include setWidth(7.5rem); */\n      min-width: 7.5rem;\n      width: 7.5rem;\n      max-width: 7.5rem;\n  }\n}\n\n.footer a {\n  text-decoration: none;\n  color: var(--ui-brand-gold);\n  font-size: 1.2rem;\n  &:hover {\n    text-decoration: underline !important;\n  }\n}\n\n.footer p {\n  color: var(--gray);\n  line-height: 1.5;\n  font-weight: 100;\n  font-size: 1.2rem;\n}\n.footer .contact-info p {\n  margin-top: 1rem !important;\n  margin-bottom: 1rem !important;\n}\n\n.footer .icon {\n  vertical-align: middle;\n  margin-right: .5rem;\n  height: 1.2rem;\n  width: 1.2rem;\n  fill: var(--gray);\n}\n\n.footer .site-name {\n  color: var(--light) !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  letter-spacing: 0 !important;\n  .site-name-link {\n    color:  var(--light) !important;\n    font-size: 1.5rem !important;\n    font-family: 'Zilla Slab', serif !important;\n  }\n}\n\n.footer .parent-site-name {\n  color: var(--gray) !important;\n  font-size: 1.2rem;\n  font-weight: 300;\n  display: block;\n  padding: 0;\n  font-style: normal !important;\n  line-height: 1.5;\n  margin: 0;\n  a {\n    text-decoration: none;\n    color: var(--gray) !important;\n  }\n}\n\n/* Social Media Links */\n.footer__links .menu, \n.footer__links .menu ul li, \n.footer__links--icon ul,\n.footer__links--icon li, \n.socket__menu {\n  list-style-type: none;\n  padding: 0;\n  margin: 0; \n}\n.footer__links .menu > li, \n.footer__links .menu ul li > li, \n.footer__links--icon ul > li, \n.footer__links--icon li > li, \n.socket__menu > li {\n  display: inline-block;\n  list-style-type: none;\n  margin: 0; \n}\n.footer__links {\n  margin-bottom: 1.875rem;\n}\n.footer__links--icon .menu {\n  flex-wrap: wrap;\n  display: flex;\n  line-height: 2; \n}\n@media (min-width: 980px) {\n  .footer__links--icon .menu {\n    line-height: 1 !important; \n  } \n}\n.footer__links--icon svg {\n  color: #fff;\n  font-size: 1.6rem !important;\n  margin-right: 1.05rem !important; \n}\n.footer__links--icon .link-text {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px); \n}\n\n/* University Notice Links */\n.socket__menu {\n  display: flex;\n  flex-wrap: wrap; \n}\n  .socket__menu li {\n    color: white;\n    font-size: 0.8rem !important;\n    border-right: 1px solid #5d5656;\n    margin-bottom: 0.325rem;\n    padding-top: 0;\n    padding-right: 0.625rem;\n    padding-left: 0.625rem; \n  }\n    .socket__menu li:first-child {\n      flex-basis: 100%;\n      border-right: none; \n    }\n    .socket__menu li:nth-child(2) {\n      padding-left: 0; \n    }\n    .socket__menu li:last-child {\n      border-right: none;\n      padding-right: 0; \n    }\n    .socket__menu li:first-child {\n      padding-left: 0; \n    }\n    .socket__menu li a {\n      text-decoration: none;\n      font-size: 0.8rem !important;\n      color: #FFCD00; \n    }\n    .socket__menu li a:hover, .socket__menu li a:focus {\n      text-decoration: underline; \n    }","import { Component, Prop, Watch } from '@stencil/core';\nimport footer from './csi-brand-footer.html';\n\n@Component({\n  tag: 'csi-brand-footer',\n  styleUrls: ['./css/csi-brand-footer.css'],\n  assetsDirs: ['assets'],\n  shadow: true,\n})\nexport class CsiBrandFooter {\n  /** The site name   */\n  @Prop({mutable: true, reflect: true}) sitename!: string;\n  @Watch('sitename')\n  validateName(newValue: string) {\n    // don't allow `sitename` to be the empty string\n    const isBlank = typeof newValue !=='string' || newValue === '';\n    if (isBlank) {\n      throw new Error('sitename is a required property and cannont be empty.')\n    }\n    // don't allow `sitename` to be a string with a length of 1\n    const has2chars = typeof newValue === 'string' && newValue.length >= 2;\n    if (!has2chars) {\n      throw new Error('sitename must have a length of more than 1 character')\n    }\n  }\n\n  /** The link when clicking the site name  */\n  @Prop({mutable:true, reflect:true}) sitelink: string;\n\n  /** The parent if it has one  */\n  @Prop() siteparent: string;\n\n  /** The link when clicking the parent name  */\n  @Prop() parentlink: string;\n\n  /** The link when clicking the site name  */\n  @Prop() addressline: string;\n\n  /** The link when clicking the Facebook  */\n  @Prop() facebooklink: string;\n\n  /** The link when clicking the instgram  */\n  @Prop() instagramlink: string;\n\n  /** The link when clicking the twitter  */\n  @Prop() twitterlink: string;\n\n\n\n  componentDidLoad() {\n    console.log('first load??');\n    this.validateName( this.sitename);\n  }\n\n  year = new Date().getFullYear();\n\n  render() {\n    return footer(this);\n  }\n}\n"],"version":3}