@dracoui/ember
Version:
Draco Design System for Ember
3 lines (2 loc) • 1.1 kB
JavaScript
import{b as s}from"../../../_rollupPluginBabelHelpers-CLoDr8uC.js";import i from"platform";import t from"@glimmer/component";import{precompileTemplate as e}from"@ember/template-compilation";import{setComponentTemplate as r}from"@ember/component";var l=e('<kbd class={{this.className}} ...attributes>\n {{#each this.modifiers as |modifier|}}\n <span class="draco-kbd__modifier">{{{modifier.symbol}}}</span>\n {{/each}}\n {{yield}}\n</kbd>\n');class a extends t{constructor(...t){super(...t),s(this,"isMac","OS X"===i.os?.family||"iOS"===i.os?.family||"iPadOS"===i.os?.family),s(this,"modifierMap",{alt:{symbol:this.isMac?"⌥":"Alt",label:"Alt"},meta:{symbol:this.isMac?"⌘":"Ctrl",label:this.isMac?"Cmd":"Ctrl"},ctrl:{symbol:"⌃",label:"Ctrl"},shift:{symbol:"⇧",label:"Shift"}})}get modifiers(){return Object.entries(this.args).filter((([s,i])=>!0===i)).filter((([s])=>"single"!==s)).map((([s])=>this.modifierMap[s]))}get className(){const s=["draco-kbd"];return this.args.single&&s.push("draco-kbd--single"),s.join(" ")}}r(l,a);export{a as default};
//# sourceMappingURL=index.js.map