{"version":3,"names":["actionSummaryCss","ActionSummaryStyle0","ActionSummary","connectedCallback","actionBatchStore","store","onChange","selectedCount","this","count","handleClick","deselectAll","render","h","key","class","role","onClick"],"sources":["src/components/result-actions-batch/action-summary.css?tag=action-summary&encapsulation=shadow","src/components/result-actions-batch/action-summary.tsx"],"sourcesContent":[".selectionWrapper {\r\n    text-align: left;\r\n    visibility: visible !important;\r\n    font-style: normal;\r\n    font-family: LinFont,helvetica-neue-medium,sans-serif;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    box-sizing: border-box;\r\n    transition: opacity 0.15s linear;\r\n    position: relative;\r\n    padding: 0.75rem 1.25rem;\r\n    margin-bottom: 1rem;\r\n    border-radius: 0.25rem;\r\n    color: #818182;\r\n    background-color: #fefefe;\r\n    border: 1px solid #f8f9fa !important;\r\n    display: block !important;\r\n    transition: all 0.3s ease 0s;\r\n}\r\n.selectionDisplay {\r\n    margin-right: 15px;\r\n}\r\n.clearSelection {\r\n    cursor: pointer;\r\n    color: #07c;\r\n}\r\n.clearSelection:hover {\r\n    text-shadow: 0 0 0.2px #18bff0 !important;\r\n    color: #00a0e1;\r\n}","\r\nimport { Component, State, h } from \"@stencil/core\";\r\nimport actionBatchStore from \"./action-batch-store\";\r\n\r\n@Component({\r\n  tag: \"action-summary\",\r\n  styleUrl: \"action-summary.css\",\r\n  shadow: true,\r\n})\r\nexport class ActionSummary {\r\n  @State() count: number = 0;\r\n\r\n  public async connectedCallback() {\r\n    actionBatchStore.store.onChange(('selectedCount'), (selectedCount) => {\r\n      this.count = selectedCount\r\n    })\r\n  }\r\n\r\n  private handleClick(){\r\n    actionBatchStore.deselectAll();\r\n  }\r\n\r\n  render() {\r\n    if(this.count){\r\n      return (\r\n        <div class=\"selectionWrapper\" role=\"alert\">\r\n            <span class=\"selectionDisplay\">{this.count} total selected</span>\r\n            <a class=\"clearSelection\" role=\"button\"\r\n              onClick={() => this.handleClick()}\r\n              >\r\n              <i class=\"fal fa-eraser\" aria-hidden=\"true\"></i>\r\n              Clear selection\r\n            </a>\r\n        </div>\r\n      )\r\n    }\r\n  }\r\n}\r\n"],"mappings":"uGAAA,MAAMA,EAAmB,6lBACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,oCACC,C,CAElB,uBAAMC,GACXC,EAAiBC,MAAMC,SAAQ,iBAAqBC,IAClDC,KAAKC,MAAQF,CAAa,G,CAItB,WAAAG,GACNN,EAAiBO,a,CAGnB,MAAAC,GACE,GAAGJ,KAAKC,MAAM,CACZ,OACEI,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAmBC,KAAK,SAC/BH,EAAA,QAAAC,IAAA,2CAAMC,MAAM,oBAAoBP,KAAKC,MAAK,mBAC1CI,EAAA,KAAAC,IAAA,2CAAGC,MAAM,iBAAiBC,KAAK,SAC7BC,QAAS,IAAMT,KAAKE,eAEpBG,EAAA,KAAAC,IAAA,2CAAGC,MAAM,gBAAe,cAAa,SAAW,mB","ignoreList":[]}