@duetds/components/lib/duet/p-hs3ibi6h.entry.js

This package includes Duet Core Components and related tools.

import{r as t,h as s,H as i,c as e}from"./p-6403d5dc.js";import{b as a,j as o}from"./p-da8c2c96.js";import{d}from"./p-1bfaadf5.js";import{t as r}from"./p-8ad09b8a.js";const h=class{constructor(s){t(this,s),this.theme="",this.name="action-add",this.margin="auto",this.color="",this.background="",this.size="medium",this.outline=""}componentWillLoad(){"default"!==this.theme&&document.documentElement.classList.contains("duet-theme-turva")&&(this.theme="turva")}render(){const t={color:r[a(this.color)]||r[a(this.outline)],background:r[a(this.background)],"border-color":r[a(this.outline)]};return s(i,{class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":""!==this.outline,"duet-icon-has-background":""!==this.background}},s("div",{"aria-hidden":"true",style:t,class:{"duet-icon":!0,[this.size]:!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":""!==this.outline,"duet-icon-has-background":""!==this.background}},s("span",{"aria-hidden":"true",class:"duet-icon-svg",innerHTML:d[o(this.name)].svg})))}get element(){return e(this)}static get style(){return":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:16px!important;display:inline-block;-webkit-tap-highlight-color:transparent;max-width:100%;width:auto;color:inherit}\@media only screen and (max-width:35.9375em){:host(.duet-icon-has-background),:host(.duet-icon-has-outline){margin-bottom:0!important}}:host(.duet-m-0){margin:0!important}\@media only screen and (max-width:35.9375em){:host(.duet-m-0){margin:0!important}}.duet-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:top center;transform-origin:top center}.duet-icon.duet-icon-has-outline{border-width:1px;border-style:solid;border-radius:50%;padding:12px}\@media only screen and (max-width:35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;-webkit-transform:scale(.8);transform:scale(.8)}}.duet-icon.duet-icon-has-background{color:#fff!important;border-radius:50%;padding:19.2px}\@media only screen and (max-width:35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;-webkit-transform:scale(.8);transform:scale(.8)}}.duet-icon.duet-theme-default{color:#0077b3}.duet-icon.duet-theme-turva{color:#c60c30}.duet-icon.xxx-small .duet-icon-svg{width:7px;height:7px}.duet-icon.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.small .duet-icon-svg{width:20px;height:20px}.duet-icon.large .duet-icon-svg{width:30px;height:30px}.duet-icon.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.xx-large .duet-icon-svg,.duet-icon.xxx-large .duet-icon-svg{width:48px;height:48px}\@media only screen and (min-width:48em){.duet-icon.xxx-large .duet-icon-svg{width:72px;height:72px}}.duet-icon .duet-icon-svg{display:block;width:24px;height:24px;min-width:100%}.duet-icon svg{fill:currentColor;width:100%;min-width:100%}"}};export{h as duet_icon};