@ukho/admiralty-core 0.0.0

package/dist/admiralty/p-1e0fcbb0.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as l}from"./p-e1680782.js";import{B as c}from"./p-c7dd53e5.js";const t="admiralty-colour-block .colourBlock{height:100%;width:100%;max-width:100%;padding:30px 18px;display:flex;flex-direction:column;box-sizing:border-box}admiralty-colour-block .colourBlock .content{flex-grow:1}admiralty-colour-block .colourBlock .clickAction{background-color:unset;align-self:flex-end;cursor:pointer}admiralty-colour-block .colourBlock .clickAction h3{margin-bottom:0px}admiralty-colour-block .colourBlock.admiralty-blue{background-color:#09315b}admiralty-colour-block .colourBlock.admiralty-blue *{color:#ffffff}admiralty-colour-block .colourBlock.teal{background-color:#007e97}admiralty-colour-block .colourBlock.teal *{color:#ffffff}admiralty-colour-block .colourBlock.bright-blue{background-color:#65c4db;color:#09315b}";const r=class{constructor(l){o(this,l);this.width=undefined;this.height=undefined;this.heading=undefined;this.colour="admiralty-blue";this.clickAction=undefined;this.actionText=undefined}render(){return l("div",{class:{colourBlock:true,[this.colour]:true},style:{height:this.height?`${this.height}px`:null,width:this.width?`${this.width}px`:null}},l("h2",null,this.heading),l("div",{class:{content:true,"white-text":this.colour==="admiralty-blue"||this.colour==="teal"}},l("slot",null)),this.clickAction&&this.actionText?l("admiralty-button",{variant:c.Text,class:"clickAction",onClick:this.clickAction.bind(this)},l("h3",null,this.actionText)):null)}};r.style=t;export{r as admiralty_colour_block};
+//# sourceMappingURL=p-1e0fcbb0.entry.js.map

package/dist/admiralty/p-1e0fcbb0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colourBlockCss","ColourBlockComponent","render","h","class","colourBlock","this","colour","style","height","width","heading","content","clickAction","actionText","variant","ButtonVariant","Text","onClick","bind"],"sources":["./src/components/colour-block/colour-block.scss?tag=admiralty-colour-block","./src/components/colour-block/colour-block.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nadmiralty-colour-block {\n  .colourBlock {\n    height: 100%;\n    width: 100%;\n    max-width: 100%;\n    padding: 30px 18px;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n\n    .content {\n      flex-grow: 1;\n    }\n\n    .clickAction {\n      background-color: unset;\n      align-self: flex-end;\n      cursor: pointer;\n\n      h3 {\n        margin-bottom: 0px;\n      }\n    }\n\n    &.admiralty-blue {\n      background-color: colours.$colour-admiralty-blue;\n      * {\n        color: colours.$colour-white;\n      }\n    }\n\n    &.teal {\n      background-color: colours.$colour-teal;\n      * {\n        color: colours.$colour-white;\n      }\n    }\n\n    &.bright-blue {\n      background-color: colours.$colour-bright-blue;\n      color: colours.$colour-admiralty-blue;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { ButtonVariant } from '../button/button.types';\n\n@Component({\n  tag: 'admiralty-colour-block',\n  styleUrl: 'colour-block.scss',\n  shadow: false,\n})\nexport class ColourBlockComponent {\n  /**\n   * The width in pixels of the component.\n   */\n  @Prop() width: number;\n  /**\n   * The height in pixels of the component.\n   */\n  @Prop() height: number;\n  /**\n   * The heading text to display.\n   */\n  @Prop() heading: string;\n  /**\n   * The background colour of the component.\n   */\n  @Prop() colour: 'admiralty-blue' | 'teal' | 'bright-blue' = 'admiralty-blue';\n  /**\n   * The function to call when the action button is pressed.\n   */\n  @Prop() clickAction: () => any;\n  /**\n   * The text to display on the action button\n   */\n  @Prop() actionText: string;\n\n  render() {\n    return (\n      <div\n        class={{\n          colourBlock: true,\n          [this.colour]: true,\n        }}\n        style={{\n          height: this.height ? `${this.height}px` : null,\n          width: this.width ? `${this.width}px` : null,\n        }}\n      >\n        <h2>{this.heading}</h2>\n        <div\n          class={{\n            'content': true,\n            'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',\n          }}\n        >\n          <slot></slot>\n        </div>\n        {this.clickAction && this.actionText ? (\n          <admiralty-button variant={ButtonVariant.Text} class=\"clickAction\" onClick={this.clickAction.bind(this)}>\n            <h3>{this.actionText}</h3>\n          </admiralty-button>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAiB,muB,MCQVC,EAAoB,M,uGAgB6B,iB,qDAU5DC,SACE,OACEC,EAAA,OACEC,MAAO,CACLC,YAAa,KACb,CAACC,KAAKC,QAAS,MAEjBC,MAAO,CACLC,OAAQH,KAAKG,OAAS,GAAGH,KAAKG,WAAa,KAC3CC,MAAOJ,KAAKI,MAAQ,GAAGJ,KAAKI,UAAY,OAG1CP,EAAA,UAAKG,KAAKK,SACVR,EAAA,OACEC,MAAO,CACLQ,QAAW,KACX,aAAcN,KAAKC,SAAW,kBAAoBD,KAAKC,SAAW,SAGpEJ,EAAA,cAEDG,KAAKO,aAAeP,KAAKQ,WACxBX,EAAA,oBAAkBY,QAASC,EAAcC,KAAMb,MAAM,cAAcc,QAASZ,KAAKO,YAAYM,KAAKb,OAChGH,EAAA,UAAKG,KAAKQ,aAEV,K"}

package/dist/admiralty/p-281fb779.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as a}from"./p-e1680782.js";const t=".sc-admiralty-table-body-h{display:table-row-group}.sc-admiralty-table-body-s>:nth-child(odd){background-color:#ffffff}.sc-admiralty-table-body-s>:nth-child(even){background-color:#eef3f4}";const l=class{constructor(r){o(this,r)}render(){return r(a,{role:"rowgroup"},r("slot",null))}};l.style=t;export{l as admiralty_table_body};
+//# sourceMappingURL=p-281fb779.entry.js.map

package/dist/admiralty/p-281fb779.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableBodyCss","TableBody","render","h","Host","role"],"sources":["./src/components/table-body/table-body.scss?tag=admiralty-table-body&encapsulation=scoped","./src/components/table-body/table-body.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-row-group;\r\n}\r\n\r\n::slotted(:nth-child(odd)) {\r\n  background-color: colours.$colour-table-row-bg;\r\n}\r\n\r\n::slotted(:nth-child(even)) {\r\n  background-color: colours.$colour-table-row-alt-bg;\r\n}\r\n\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table body element is a wrapper for a standard html table body and should be used to wrap rows\n * @slot - Table rows should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-body',\n  styleUrl: 'table-body.scss',\n  scoped: true,\n})\nexport class TableBody {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,+L,MCWRC,EAAS,M,yBACpBC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,a"}