{"version":3,"names":["kdxCardLinksCss","StCardLinks","guid","render","h","class","this","componentScope"],"sources":["src/layouts/kdx-card-links/kdx-card-links.scss?tag=kdx-card-links","src/layouts/kdx-card-links/kdx-card-links.tsx"],"sourcesContent":[".kdx-card-links {\r\n\t\r\n\tdiv[class^=\"col\"] {\r\n\t\tmargin: 0 0 ($gutter-def * 1.5);\r\n\t\tpadding-left: 14px;\r\n\t\tpadding-right: 14px;\r\n\r\n\t}\r\n\r\n\t.kdx-card-link {\r\n\t\theight: 100%;\r\n\t\r\n\t}\r\n\r\n\t// Customer Scope\r\n\t&.card-links {\r\n\r\n\t\t> .row {\r\n\t\t\tmargin: 0 #{-1 * $gutter-sm};\r\n\t\t}\r\n\r\n\t\tdiv[class^=\"col\"] {\r\n\t\t\tmargin: 0 0 $gutter-sm;\r\n\t\t\tpadding: 0 $gutter-sm;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, ComponentInterface, State, Prop } from '@stencil/core';\r\nimport { guid } from 'utils';\r\n\r\n\r\n@Component({\r\n  tag: 'kdx-card-links',\r\n  styleUrl: 'kdx-card-links.scss',\r\n  shadow: false\r\n})\r\nexport class StCardLinks implements ComponentInterface {\r\n\r\n  @State() guid: string = guid();\r\n\r\n  @Prop() componentScope: string;\r\n\r\n  render() {\r\n    return (\r\n      <div class={`kdx-card-links${this.componentScope ? ` ${this.componentScope}-card-links` : ''}`}>\r\n        <div class=\"container-fluid\">\r\n          <div class=\"row\">\r\n            <slot />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"+EAAA,MAAMA,EAAkB,60B,MCSXC,EAAW,M,mCAEEC,I,8BAIxB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAO,iBAAiBC,KAAKC,eAAiB,IAAID,KAAKC,4BAA8B,MACxFH,EAAA,OAAKC,MAAM,mBACTD,EAAA,OAAKC,MAAM,OACTD,EAAA,e"}