UNPKG

@alaskaairux/auro-icon

Version:
2 lines (1 loc) 2.96 kB
import{c as o,B as r,h as a,a as s}from"./baseIcon-7a7490b8.js";var e=o`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;line-height:unset}:host .primary{color:var(--auro-color-icon-primary-on-light)}:host .emphasis{color:var(--auro-color-icon-emphasis-on-light)}:host .accent{color:var(--auro-color-icon-accent-on-light)}:host .disabled{color:var(--auro-color-icon-disabled-on-light)}:host .error{color:var(--auro-color-alert-error-on-light)}:host .success{color:var(--auro-color-alert-success-on-light)}:host .advisory{color:var(--auro-color-alert-advisory-on-light)}:host .warning{color:var(--auro-color-alert-warning-on-light)}:host([onDark]) .logo{color:var(--auro-color-base-white)}:host([onDark]) .primary{color:var(--auro-color-icon-primary-on-dark)}:host([onDark]) .emphasis{color:var(--auro-color-icon-emphasis-on-dark)}:host([onDark]) .accent{color:var(--auro-color-icon-accent-on-dark)}:host([onDark]) .disabled{color:var(--auro-color-icon-disabled-on-dark)}:host([onDark]) .error{color:var(--auro-color-alert-error-on-dark)}:host([onDark]) .success{color:var(--auro-color-alert-success-on-dark)}:host([onDark]) .advisory{color:var(--auro-color-alert-advisory-on-dark)}:host([customSize]){--auro-size-lg:100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--auro-size-xxs)}`;class t extends r{constructor(){super(),this.privateDefaults()}privateDefaults(){this.uri="https://unpkg.com/@alaskaairux/icons@latest/dist",this.primary=!1,this.label=!1,this.emphasis=!1,this.accent=!1,this.disabled=!1,this.error=!1,this.success=!1,this.advisory=!1,this.warning=!1,this.customColor=!1}static get properties(){return{...super.properties,category:{type:String,reflect:!0},name:{type:String,reflect:!0},primary:{type:Boolean,reflect:!0},label:{type:Boolean,reflect:!0},emphasis:{type:Boolean,reflect:!0},accent:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},success:{type:Boolean,reflect:!0},advisory:{type:Boolean,reflect:!0},warning:{type:Boolean,reflect:!0},customColor:{type:Boolean}}}static get styles(){return[super.styles,o`${e}`]}render(){const o={primary:!this.alaska&&!this.alaskaTagline&&!this.customColor,emphasis:this.emphasis,accent:this.accent,disabled:this.disabled,error:this.error,success:this.success,advisory:this.advisory,warning:this.warning,label:this.label},r={util_displayHiddenVisually:!this.label};return a`<div class="${s(o)}">${this.svg}<div class="${s(r)}"><slot></slot></div></div>`}}customElements.get("auro-icon")||customElements.define("auro-icon",t);