@duetds/components 10.2.0 → 10.2.1

package/lib/duet/{p-413ccfee.entry.js → p-fa0b596e.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as a,g as o}from"./p-BxH0r0DA.js";import{i as r}from"./p-BcVbsW_2.js";import{h as i,c as d}from"./p-CKemMSHL.js";import{g as n,p as s}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const p=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=n(this.backgroundColor,this.theme);return t(a,{key:"56be16710912a7b098e4c1bd75ece4275deda02e",class:{"duet-m-0":"none"===this.margin}},t("aside",{key:"8520123e09db6f31e9c0f5a5833318203a03f437",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},t(this.url?"a":"div",{key:"ce219857ea16f66413f0ffe066a42e2f6c7de2b7",href:this.url,class:{"content-wrapper":!0,"duet-theme-turva":"turva"===this.theme},ref:e=>this.aOrDivElement=e},t("img",{key:"b8fd35ff9576c1c84b78a1c35fa26f0d8a7bdd83",class:"image",src:this.image,alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"}),t("div",{key:"e488f6860798e150634d0bd7355bfcfdd0639099",class:"content"},this.hasPreHeadingSlot&&t("div",{key:"50defa4cebf48f12beb6a6e25bb3b058bd4ab108",class:"pre-heading"},t("slot",{key:"3fe0e93d82863d84d9f95b09e301ba409d959def",name:"pre-heading"})),this.hasHeadingSlot&&t("div",{key:"4e7e6c68a1aca92f52e6e109216735f73d801174",class:"heading"},t("duet-heading",{key:"2ac242af4113cff2e0aecdc7d08a5a5c576e0a83",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:s(this.textColor,this.theme)},t("span",{key:"9c9c3ea67f05664c74d029b1692fc861492ae803"},t("slot",{key:"6e0d8069fdcd49bea6a9f090e195234de7ebb30f",name:"heading"})))),this.hasDescriptionSlot&&t("div",{key:"ed90f9561b935ca29e72a2be7610815ddf7cb6f6",class:"description"},t("duet-paragraph",{key:"50725ca77dd7bdfc626d0a04c9a312bbc26f7695",theme:this.theme,margin:"none",color:s(this.textColor,this.theme)},t("span",{key:"ab9901ea88b885a28027b12af72bf8080126407d"},t("slot",{key:"0029e88a6d769cc0084b90c7be3035cda0a9a3b1",name:"description"})))),this.hasActionSlot&&t("div",{key:"595080e76cbb790f9bf2cdbfcaaadd23966c596e",class:"action"},t("slot",{key:"59d7aceeb4f3fe3e72a49a3e2bd405ab5dc043f8",name:"action"}))))))}get element(){return o(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:20px}.duet-promo-card .content-wrapper:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-promo-card .content-wrapper:focus,.duet-promo-card .content-wrapper:focus.duet-theme-turva,.duet-theme-turva2 .duet-promo-card .content-wrapper:focus,.duet-promo-card .content-wrapper:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px}.duet-promo-card .content{display:flex;flex-grow:1;flex-direction:column;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{p as duet_promo_card}
+import{r as e,h as t,H as a,g as o}from"./p-BEyqDEKQ.js";import{i as r}from"./p-BOvQtVMD.js";import{h as i,c as d}from"./p-yNCV1XSS.js";import{g as n,p as s}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const p=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=n(this.backgroundColor,this.theme);return t(a,{key:"56be16710912a7b098e4c1bd75ece4275deda02e",class:{"duet-m-0":"none"===this.margin}},t("aside",{key:"8520123e09db6f31e9c0f5a5833318203a03f437",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},t(this.url?"a":"div",{key:"ce219857ea16f66413f0ffe066a42e2f6c7de2b7",href:this.url,class:{"content-wrapper":!0,"duet-theme-turva":"turva"===this.theme},ref:e=>this.aOrDivElement=e},t("img",{key:"b8fd35ff9576c1c84b78a1c35fa26f0d8a7bdd83",class:"image",src:this.image,alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"}),t("div",{key:"e488f6860798e150634d0bd7355bfcfdd0639099",class:"content"},this.hasPreHeadingSlot&&t("div",{key:"50defa4cebf48f12beb6a6e25bb3b058bd4ab108",class:"pre-heading"},t("slot",{key:"3fe0e93d82863d84d9f95b09e301ba409d959def",name:"pre-heading"})),this.hasHeadingSlot&&t("div",{key:"4e7e6c68a1aca92f52e6e109216735f73d801174",class:"heading"},t("duet-heading",{key:"2ac242af4113cff2e0aecdc7d08a5a5c576e0a83",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:s(this.textColor,this.theme)},t("span",{key:"9c9c3ea67f05664c74d029b1692fc861492ae803"},t("slot",{key:"6e0d8069fdcd49bea6a9f090e195234de7ebb30f",name:"heading"})))),this.hasDescriptionSlot&&t("div",{key:"ed90f9561b935ca29e72a2be7610815ddf7cb6f6",class:"description"},t("duet-paragraph",{key:"50725ca77dd7bdfc626d0a04c9a312bbc26f7695",theme:this.theme,margin:"none",color:s(this.textColor,this.theme)},t("span",{key:"ab9901ea88b885a28027b12af72bf8080126407d"},t("slot",{key:"0029e88a6d769cc0084b90c7be3035cda0a9a3b1",name:"description"})))),this.hasActionSlot&&t("div",{key:"595080e76cbb790f9bf2cdbfcaaadd23966c596e",class:"action"},t("slot",{key:"59d7aceeb4f3fe3e72a49a3e2bd405ab5dc043f8",name:"action"}))))))}get element(){return o(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:20px}.duet-promo-card .content-wrapper:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-promo-card .content-wrapper:focus,.duet-promo-card .content-wrapper:focus.duet-theme-turva,.duet-theme-turva2 .duet-promo-card .content-wrapper:focus,.duet-promo-card .content-wrapper:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px}.duet-promo-card .content{display:flex;flex-grow:1;flex-direction:column;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{p as duet_promo_card}