@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/components/mds-keyboard-key.js

@@ -1,334 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { k as keyboardKeysData } from './keys.js';
-import { L as Locale } from './locale.js';
-import { m as miBaselineBrokenImage } from './broken-image.js';
-import { m as miBaselineKeyboardArrowDown } from './keyboard-arrow-down.js';
-import { m as miBaselineKeyboardArrowUp } from './keyboard-arrow-up.js';
-import { m as miBaselineKeyboardArrowRight } from './keyboard-arrow-right.js';
-import { d as defineCustomElement$3 } from './mds-icon2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const keyCharacter$3 = "Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";
-const keyFunction$3 = "Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του";
-const keyNumber$3 = "Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";
-const modAlt$3 = "Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος";
-const modControl$3 = "Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις";
-const modMeta$3 = "Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS";
-const modShift$3 = "Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα";
-const navArrowDown$3 = "Πλήκτρο πλοήγησης Κάτω βέλος";
-const navArrowLeft$3 = "Πλήκτρο πλοήγησης Αριστερό βέλος";
-const navArrowRight$3 = "Πλήκτρο πλοήγησης Δεξί βέλος";
-const navArrowUp$3 = "Πλήκτρο πλοήγησης Πάνω βέλος";
-const navEnd$3 = "Πλήκτρο πλοήγησης Μετάβαση στο τέλος";
-const navHome$3 = "Πλήκτρο πλοήγησης Μετάβαση στην αρχή";
-const navPageDown$3 = "Πλήκτρο πλοήγησης Κύλιση προς τα κάτω";
-const navPageUp$3 = "Πλήκτρο πλοήγησης Κύλιση προς τα πάνω";
-const numPadEnter$3 = "Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας";
-const specBackspace$3 = "Ειδικό πλήκτρο Διαγραφή χαρακτήρα";
-const specCapsLock$3 = "Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)";
-const specDelete$3 = "Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου";
-const specEnter$3 = "Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας";
-const specEscape$3 = "Ειδικό πλήκτρο Έξοδος ή ακύρωση";
-const specSpace$3 = "Ειδικό πλήκτρο Διάστημα";
-const specTab$3 = "Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων";
-var localeEl = {
-	keyCharacter: keyCharacter$3,
-	keyFunction: keyFunction$3,
-	keyNumber: keyNumber$3,
-	modAlt: modAlt$3,
-	modControl: modControl$3,
-	modMeta: modMeta$3,
-	modShift: modShift$3,
-	navArrowDown: navArrowDown$3,
-	navArrowLeft: navArrowLeft$3,
-	navArrowRight: navArrowRight$3,
-	navArrowUp: navArrowUp$3,
-	navEnd: navEnd$3,
-	navHome: navHome$3,
-	navPageDown: navPageDown$3,
-	navPageUp: navPageUp$3,
-	numPadEnter: numPadEnter$3,
-	specBackspace: specBackspace$3,
-	specCapsLock: specCapsLock$3,
-	specDelete: specDelete$3,
-	specEnter: specEnter$3,
-	specEscape: specEscape$3,
-	specSpace: specSpace$3,
-	specTab: specTab$3
-};
-
-const keyCharacter$2 = "Alphabetic character {{ character }} typically used for composing keyboard shortcuts";
-const keyFunction$2 = "Function key {{ character }} often used for global functions depending on the operating system and its version";
-const keyNumber$2 = "Numeric character {{ character }} typically used for composing keyboard shortcuts";
-const modAlt$2 = "Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts";
-const modControl$2 = "Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts";
-const modMeta$2 = "Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS";
-const modShift$2 = "Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters";
-const navArrowDown$2 = "Navigation key Down Arrow";
-const navArrowLeft$2 = "Navigation key Left Arrow";
-const navArrowRight$2 = "Navigation key Right Arrow";
-const navArrowUp$2 = "Navigation key Up Arrow";
-const navEnd$2 = "Navigation key Go to End";
-const navHome$2 = "Navigation key Go to Home";
-const navPageDown$2 = "Navigation key Scroll Down";
-const navPageUp$2 = "Navigation key Scroll Up";
-const numPadEnter$2 = "Keypad Enter key to confirm an action";
-const specBackspace$2 = "Special key Delete character";
-const specCapsLock$2 = "Special key Caps Lock (generally avoided in keyboard shortcuts)";
-const specDelete$2 = "Special key Delete selected item";
-const specEnter$2 = "Special key Enter to confirm an action";
-const specEscape$2 = "Special key Exit or cancel";
-const specSpace$2 = "Special key Space bar";
-const specTab$2 = "Special key Tab to change focus between elements";
-var localeEn = {
-	keyCharacter: keyCharacter$2,
-	keyFunction: keyFunction$2,
-	keyNumber: keyNumber$2,
-	modAlt: modAlt$2,
-	modControl: modControl$2,
-	modMeta: modMeta$2,
-	modShift: modShift$2,
-	navArrowDown: navArrowDown$2,
-	navArrowLeft: navArrowLeft$2,
-	navArrowRight: navArrowRight$2,
-	navArrowUp: navArrowUp$2,
-	navEnd: navEnd$2,
-	navHome: navHome$2,
-	navPageDown: navPageDown$2,
-	navPageUp: navPageUp$2,
-	numPadEnter: numPadEnter$2,
-	specBackspace: specBackspace$2,
-	specCapsLock: specCapsLock$2,
-	specDelete: specDelete$2,
-	specEnter: specEnter$2,
-	specEscape: specEscape$2,
-	specSpace: specSpace$2,
-	specTab: specTab$2
-};
-
-const keyCharacter$1 = "Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado";
-const keyFunction$1 = "Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión";
-const keyNumber$1 = "Carácter numérico {{ character }} típicamente usado para componer atajos de teclado";
-const modAlt$1 = "Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema";
-const modControl$1 = "Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos";
-const modMeta$1 = "Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS";
-const modShift$1 = "Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas";
-const navArrowDown$1 = "Tecla de navegación Flecha abajo";
-const navArrowLeft$1 = "Tecla de navegación Flecha izquierda";
-const navArrowRight$1 = "Tecla de navegación Flecha derecha";
-const navArrowUp$1 = "Tecla de navegación Flecha arriba";
-const navEnd$1 = "Tecla de navegación Ir al final";
-const navHome$1 = "Tecla de navegación Ir al inicio";
-const navPageDown$1 = "Tecla de navegación Desplazar hacia abajo";
-const navPageUp$1 = "Tecla de navegación Desplazar hacia arriba";
-const numPadEnter$1 = "Tecla Enter del teclado numérico para confirmar una acción";
-const specBackspace$1 = "Tecla especial Borrar carácter";
-const specCapsLock$1 = "Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)";
-const specDelete$1 = "Tecla especial Eliminar elemento seleccionado";
-const specEnter$1 = "Tecla especial Enter para confirmar una acción";
-const specEscape$1 = "Tecla especial Salir o cancelar";
-const specSpace$1 = "Tecla especial Barra espaciadora";
-const specTab$1 = "Tecla especial Tab para cambiar el foco entre elementos";
-var localeEs = {
-	keyCharacter: keyCharacter$1,
-	keyFunction: keyFunction$1,
-	keyNumber: keyNumber$1,
-	modAlt: modAlt$1,
-	modControl: modControl$1,
-	modMeta: modMeta$1,
-	modShift: modShift$1,
-	navArrowDown: navArrowDown$1,
-	navArrowLeft: navArrowLeft$1,
-	navArrowRight: navArrowRight$1,
-	navArrowUp: navArrowUp$1,
-	navEnd: navEnd$1,
-	navHome: navHome$1,
-	navPageDown: navPageDown$1,
-	navPageUp: navPageUp$1,
-	numPadEnter: numPadEnter$1,
-	specBackspace: specBackspace$1,
-	specCapsLock: specCapsLock$1,
-	specDelete: specDelete$1,
-	specEnter: specEnter$1,
-	specEscape: specEscape$1,
-	specSpace: specSpace$1,
-	specTab: specTab$1
-};
-
-const keyCharacter = "Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";
-const keyFunction = "Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione";
-const keyNumber = "Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";
-const modAlt = "Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema";
-const modControl = "Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie";
-const modMeta = "Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS";
-const modShift = "Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole";
-const navArrowDown = "Tasto navigazione Freccia giù";
-const navArrowLeft = "Tasto navigazione Freccia sinistra";
-const navArrowRight = "Tasto navigazione Freccia destra";
-const navArrowUp = "Tasto navigazione Freccia su";
-const navEnd = "Tasto navigazione Vai alla fine";
-const navHome = "Tasto navigazione Vai all'inizio";
-const navPageDown = "Tasto navigazione Scorri in giù";
-const navPageUp = "Tasto navigazione Scorri in su";
-const numPadEnter = "Tasto Invio per confermare una azione dal tastierino numerico";
-const specBackspace = "Tasto speciale Cancella carattere";
-const specCapsLock = "Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)";
-const specDelete = "Tasto speciale Cancella elemento selezionato";
-const specEnter = "Tasto speciale Invio per confermare una azione";
-const specEscape = "Tasto speciale Esci o annulla";
-const specSpace = "Tasto speciale Barra spaziatrice";
-const specTab = "Tasto speciale Tab per cambiare focus tra elementi";
-var localeIt = {
-	keyCharacter: keyCharacter,
-	keyFunction: keyFunction,
-	keyNumber: keyNumber,
-	modAlt: modAlt,
-	modControl: modControl,
-	modMeta: modMeta,
-	modShift: modShift,
-	navArrowDown: navArrowDown,
-	navArrowLeft: navArrowLeft,
-	navArrowRight: navArrowRight,
-	navArrowUp: navArrowUp,
-	navEnd: navEnd,
-	navHome: navHome,
-	navPageDown: navPageDown,
-	navPageUp: navPageUp,
-	numPadEnter: numPadEnter,
-	specBackspace: specBackspace,
-	specCapsLock: specCapsLock,
-	specDelete: specDelete,
-	specEnter: specEnter,
-	specEscape: specEscape,
-	specSpace: specSpace,
-	specTab: specTab
-};
-
-var miBaselineKeyboardReturn = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6l6 6l1.41-1.41L5.83 13H21V7z"/></svg>`;
-
-var miBaselineKeyboardArrowLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.41z"/></svg>`;
-
-var miBaselineKeyboardTab = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6l-6-6l-1.41 1.41zM20 6v12h2V6h-2z"/></svg>`;
-
-var miBaselineKeyboardCommandKey = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5 3C15.57 3 14 4.57 14 6.5V8h-4V6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10H8v4H6.5C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5V16h4v1.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5H16v-4h1.5c1.93 0 3.5-1.57 3.5-3.5S19.43 3 17.5 3zM16 8V6.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S18.33 8 17.5 8H16zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5V8H6.5zm3.5 6v-4h4v4h-4zm7.5 5c-.83 0-1.5-.67-1.5-1.5V16h1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-11 0c-.83 0-1.5-.67-1.5-1.5S5.67 16 6.5 16H8v1.5c0 .83-.67 1.5-1.5 1.5z"/></svg>`;
-
-var miBaselineKeyboardOptionKey = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 5h6v2h-6zM9 5H3v2h4.85l6.92 12H21v-2h-5.07z"/></svg>`;
-
-var miSharpWindow = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z"/></svg>`;
-
-var miOutlineBackspace = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41L17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59z"/></svg>`;
-
-var miBaselineKeyboardCapslock = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8.41L16.59 13L18 11.59l-6-6l-6 6L7.41 13L12 8.41zM6 18h12v-2H6v2z"/></svg>`;
-
-var mdiKeyboardSpace = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>`;
-
-var miBaselineNorth = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 9l1.41 1.41L11 5.83V22h2V5.83l4.59 4.59L19 9l-7-7l-7 7z"/></svg>`;
-
-var miBaselineSouth = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 15l-1.41-1.41L13 18.17V2h-2v16.17l-4.59-4.59L5 15l7 7l7-7z"/></svg>`;
-
-var mdiKeyboardShift = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>`;
-
-var miBaselineVerticalAlignTop = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 11h3v10h2V11h3l-4-4l-4 4zM4 3v2h16V3H4z"/></svg>`;
-
-var miBaselineVerticalAlignBottom = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4l4-4zM4 19v2h16v-2H4z"/></svg>`;
-
-const icons = new Map();
-icons.set('arrowdown', miBaselineKeyboardArrowDown);
-icons.set('arrowleft', miBaselineKeyboardArrowLeft);
-icons.set('arrowright', miBaselineKeyboardArrowRight);
-icons.set('arrowup', miBaselineKeyboardArrowUp);
-icons.set('command', miBaselineKeyboardCommandKey);
-icons.set('commandleft', miBaselineKeyboardCommandKey);
-icons.set('commandright', miBaselineKeyboardCommandKey);
-icons.set('delete', miOutlineBackspace);
-icons.set('capslock', miBaselineKeyboardCapslock);
-icons.set('backspace', miOutlineBackspace);
-icons.set('enter', miBaselineKeyboardReturn);
-icons.set('home', miBaselineVerticalAlignTop);
-icons.set('end', miBaselineVerticalAlignBottom);
-icons.set('option', miBaselineKeyboardOptionKey);
-icons.set('optionleft', miBaselineKeyboardOptionKey);
-icons.set('optionright', miBaselineKeyboardOptionKey);
-icons.set('pagedown', miBaselineSouth);
-icons.set('pageup', miBaselineNorth);
-icons.set('shift', mdiKeyboardShift);
-icons.set('shiftleft', mdiKeyboardShift);
-icons.set('shiftright', mdiKeyboardShift);
-icons.set('space', mdiKeyboardSpace);
-icons.set('tab', miBaselineKeyboardTab);
-icons.set('windows', miSharpWindow);
-icons.set('windowsleft', miSharpWindow);
-icons.set('windowsright', miSharpWindow);
-
-const mdsKeyboardKeyCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-keyboard-key-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem)*150))*-1)0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.05)) inset;--mds-keyboard-key-illumination-light:0 var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50))0 0 rgb(255 255 255/var(--mds-keyboard-key-illumination-light-opacity,.5)) inset;--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s;--icon-size:calc(var(--spacing,.0025rem)*600);--key-size-default:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100))*2) + var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem)*150)) + var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)));--key-size-pressed:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100))*2) + calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50))*2));corner-shape:var(--magma-corner-shape,round);align-items:flex-end;display:inline-flex;min-height:var(--key-size-default);min-width:var(--key-size-default)}.physical-key{background-color:var(--mds-keyboard-key-background,rgb(var(--tone-bisque-08,121 103 97)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-sizing:border-box;corner-shape:inherit;align-items:baseline;display:inline-flex;flex-grow:1;flex-shrink:0;height:var(--key-size-default);justify-content:center;min-width:calc(var(--spacing,.0025rem)*1000);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100)))var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100))calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem)*150)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100)))var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100));position:relative;text-align:center;-webkit-transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-property:box-shadow,padding,height;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));-webkit-user-select:none;user-select:none}:host(:active) .physical-key,:host([pressed]:not([pressed=false])) .physical-key{--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50))*-1)0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.075)) inset;-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);height:var(--key-size-pressed);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100)))var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100))calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100)))var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem)*100))}:host([code=space]) .physical-key{min-width:calc(var(--key-size-default)*2)}mds-badge{background-color:#0000;color:currentColor;margin-left:calc(var(--spacing,.0025rem)*50);padding:0;white-space:nowrap}.shortcut-icon{fill:currentColor}.shortcut-text{color:currentColor;text-transform:capitalize;white-space:nowrap}";
-
-const MdsKeyboardKey$1 = /*@__PURE__*/ proxyCustomElement(class MdsKeyboardKey extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        this.keyboardKeys = keyboardKeysData;
-        this.getTitle = () => {
-            if (this.name) {
-                return this.t.get(this.keyboardKeys[this.name.toLowerCase()].description, {
-                    character: this.keyboardKeys[this.name.toLowerCase()].alias,
-                    keyboardPosition: this.keyboardKeys[this.name.toLowerCase()].keyboardPosition,
-                });
-            }
-            return undefined;
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    componentWillLoad() {
-        this.t.lang(this.host);
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h(Host, { key: '90c476d6fb6883fd81c874fa7fdac6b909314caf', title: this.getTitle() }, h("div", { key: 'ef49ed137c5537e259ae6c27484d8e752fe5d0b9', class: "physical-key" }, this.name && icons.has(this.name) ? (h("mds-icon", { name: (_a = icons.get(this.name)) !== null && _a !== void 0 ? _a : miBaselineBrokenImage, class: "shortcut-icon" })) : (h("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && h("b", null, this.keyboardKeys[this.name].alias))), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && (h("mds-text", { key: '926c22376dbb6157f51fe938647681f3aa2881ed', typography: "label" }, ((_c = this.keyboardKeys[this.name].keyboardPosition) === null || _c === void 0 ? void 0 : _c.left) && 'l', ((_d = this.keyboardKeys[this.name].keyboardPosition) === null || _d === void 0 ? void 0 : _d.right) && 'r')))));
-    }
-    get host() { return this; }
-    static get style() { return mdsKeyboardKeyCss; }
-}, [257, "mds-keyboard-key", {
-        "name": [513],
-        "pressed": [516],
-        "language": [32],
-        "updateLang": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-keyboard-key", "mds-icon", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-keyboard-key":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsKeyboardKey$1);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsKeyboardKey = MdsKeyboardKey$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsKeyboardKey, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as a,h as i,Host as t,transformTag as o}from"@stencil/core/internal/client";import{k as r}from"./keys.js";import{L as s}from"./locale.js";import{m as n}from"./broken-image.js";import{m as c}from"./keyboard-arrow-down.js";import{m as d}from"./keyboard-arrow-up.js";import{m as l}from"./keyboard-arrow-right.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-text2.js";var p={keyCharacter:"Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",keyFunction:"Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του",keyNumber:"Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",modAlt:"Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος",modControl:"Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις",modMeta:"Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS",modShift:"Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα",navArrowDown:"Πλήκτρο πλοήγησης Κάτω βέλος",navArrowLeft:"Πλήκτρο πλοήγησης Αριστερό βέλος",navArrowRight:"Πλήκτρο πλοήγησης Δεξί βέλος",navArrowUp:"Πλήκτρο πλοήγησης Πάνω βέλος",navEnd:"Πλήκτρο πλοήγησης Μετάβαση στο τέλος",navHome:"Πλήκτρο πλοήγησης Μετάβαση στην αρχή",navPageDown:"Πλήκτρο πλοήγησης Κύλιση προς τα κάτω",navPageUp:"Πλήκτρο πλοήγησης Κύλιση προς τα πάνω",numPadEnter:"Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας",specBackspace:"Ειδικό πλήκτρο Διαγραφή χαρακτήρα",specCapsLock:"Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)",specDelete:"Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου",specEnter:"Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας",specEscape:"Ειδικό πλήκτρο Έξοδος ή ακύρωση",specSpace:"Ειδικό πλήκτρο Διάστημα",specTab:"Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων"},g={keyCharacter:"Alphabetic character {{ character }} typically used for composing keyboard shortcuts",keyFunction:"Function key {{ character }} often used for global functions depending on the operating system and its version",keyNumber:"Numeric character {{ character }} typically used for composing keyboard shortcuts",modAlt:"Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts",modControl:"Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts",modMeta:"Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS",modShift:"Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters",navArrowDown:"Navigation key Down Arrow",navArrowLeft:"Navigation key Left Arrow",navArrowRight:"Navigation key Right Arrow",navArrowUp:"Navigation key Up Arrow",navEnd:"Navigation key Go to End",navHome:"Navigation key Go to Home",navPageDown:"Navigation key Scroll Down",navPageUp:"Navigation key Scroll Up",numPadEnter:"Keypad Enter key to confirm an action",specBackspace:"Special key Delete character",specCapsLock:"Special key Caps Lock (generally avoided in keyboard shortcuts)",specDelete:"Special key Delete selected item",specEnter:"Special key Enter to confirm an action",specEscape:"Special key Exit or cancel",specSpace:"Special key Space bar",specTab:"Special key Tab to change focus between elements"},v={keyCharacter:"Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado",keyFunction:"Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión",keyNumber:"Carácter numérico {{ character }} típicamente usado para componer atajos de teclado",modAlt:"Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema",modControl:"Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos",modMeta:"Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS",modShift:"Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas",navArrowDown:"Tecla de navegación Flecha abajo",navArrowLeft:"Tecla de navegación Flecha izquierda",navArrowRight:"Tecla de navegación Flecha derecha",navArrowUp:"Tecla de navegación Flecha arriba",navEnd:"Tecla de navegación Ir al final",navHome:"Tecla de navegación Ir al inicio",navPageDown:"Tecla de navegación Desplazar hacia abajo",navPageUp:"Tecla de navegación Desplazar hacia arriba",numPadEnter:"Tecla Enter del teclado numérico para confirmar una acción",specBackspace:"Tecla especial Borrar carácter",specCapsLock:"Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)",specDelete:"Tecla especial Eliminar elemento seleccionado",specEnter:"Tecla especial Enter para confirmar una acción",specEscape:"Tecla especial Salir o cancelar",specSpace:"Tecla especial Barra espaciadora",specTab:"Tecla especial Tab para cambiar el foco entre elementos"},y={keyCharacter:"Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",keyFunction:"Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione",keyNumber:"Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",modAlt:"Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema",modControl:"Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie",modMeta:"Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS",modShift:"Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole",navArrowDown:"Tasto navigazione Freccia giù",navArrowLeft:"Tasto navigazione Freccia sinistra",navArrowRight:"Tasto navigazione Freccia destra",navArrowUp:"Tasto navigazione Freccia su",navEnd:"Tasto navigazione Vai alla fine",navHome:"Tasto navigazione Vai all'inizio",navPageDown:"Tasto navigazione Scorri in giù",navPageUp:"Tasto navigazione Scorri in su",numPadEnter:"Tasto Invio per confermare una azione dal tastierino numerico",specBackspace:"Tasto speciale Cancella carattere",specCapsLock:"Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)",specDelete:"Tasto speciale Cancella elemento selezionato",specEnter:"Tasto speciale Invio per confermare una azione",specEscape:"Tasto speciale Esci o annulla",specSpace:"Tasto speciale Barra spaziatrice",specTab:"Tasto speciale Tab per cambiare focus tra elementi"},k='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5 3C15.57 3 14 4.57 14 6.5V8h-4V6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10H8v4H6.5C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5V16h4v1.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5H16v-4h1.5c1.93 0 3.5-1.57 3.5-3.5S19.43 3 17.5 3zM16 8V6.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S18.33 8 17.5 8H16zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5V8H6.5zm3.5 6v-4h4v4h-4zm7.5 5c-.83 0-1.5-.67-1.5-1.5V16h1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-11 0c-.83 0-1.5-.67-1.5-1.5S5.67 16 6.5 16H8v1.5c0 .83-.67 1.5-1.5 1.5z"/></svg>',u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 5h6v2h-6zM9 5H3v2h4.85l6.92 12H21v-2h-5.07z"/></svg>',b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z"/></svg>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41L17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59z"/></svg>',f='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>';const z=new Map;z.set("arrowdown",c),z.set("arrowleft",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.41z"/></svg>'),z.set("arrowright",l),z.set("arrowup",d),z.set("command",k),z.set("commandleft",k),z.set("commandright",k),z.set("delete",w),z.set("capslock",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8.41L16.59 13L18 11.59l-6-6l-6 6L7.41 13L12 8.41zM6 18h12v-2H6v2z"/></svg>'),z.set("backspace",w),z.set("enter",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6l6 6l1.41-1.41L5.83 13H21V7z"/></svg>'),z.set("home",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 11h3v10h2V11h3l-4-4l-4 4zM4 3v2h16V3H4z"/></svg>'),z.set("end",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4l4-4zM4 19v2h16v-2H4z"/></svg>'),z.set("option",u),z.set("optionleft",u),z.set("optionright",u),z.set("pagedown",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 15l-1.41-1.41L13 18.17V2h-2v16.17l-4.59-4.59L5 15l7 7l7-7z"/></svg>'),z.set("pageup",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 9l1.41 1.41L11 5.83V22h2V5.83l4.59 4.59L19 9l-7-7l-7 7z"/></svg>'),z.set("shift",f),z.set("shiftleft",f),z.set("shiftright",f),z.set("space",'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>'),z.set("tab",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6l-6-6l-1.41 1.41zM20 6v12h2V6h-2z"/></svg>'),z.set("windows",b),z.set("windowsleft",b),z.set("windowsright",b);const x=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new s({el:p,en:g,es:v,it:y}),this.keyboardKeys=r,this.getTitle=()=>{if(void 0!==this.name)return this.t.get(this.keyboardKeys[this.name.toLowerCase()].description,{character:this.keyboardKeys[this.name.toLowerCase()].alias,keyboardPosition:this.keyboardKeys[this.name.toLowerCase()].keyboardPosition})}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}render(){var e,a,o,r;return i(t,{key:"cb83531c55004919cc5c55d48053369d7d90c659",title:this.getTitle()},i("div",{key:"e096caf23accb54d1364d9c78bc6896d02fac267",class:"physical-key"},this.name&&z.has(this.name)?i("mds-icon",{name:null!==(e=z.get(this.name))&&void 0!==e?e:n,class:"shortcut-icon"}):i("mds-text",{class:"shortcut-text",typography:"detail"},this.name&&i("b",null,this.keyboardKeys[this.name].alias)),this.name&&(null===(a=this.keyboardKeys[this.name])||void 0===a?void 0:a.keyboardPosition)&&i("mds-text",{key:"cf5210c595b02e51e32722d9ef7ed53d21a44045",typography:"label"},(null===(o=this.keyboardKeys[this.name].keyboardPosition)||void 0===o?void 0:o.left)&&"l",(null===(r=this.keyboardKeys[this.name].keyboardPosition)||void 0===r?void 0:r.right)&&"r")))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-keyboard-key-transition-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.05)) inset;--mds-keyboard-key-illumination-light:0 var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) 0 0 rgb(255 255 255/var(--mds-keyboard-key-illumination-light-opacity,.5)) inset;--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s;--icon-size:calc(var(--spacing,.0025rem)*600);--key-size-default:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)));--key-size-pressed:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * 2));corner-shape:var(--magma-corner-shape,round);align-items:flex-end;display:inline-flex;min-height:var(--key-size-default);min-width:var(--key-size-default)}.physical-key{background-color:var(--mds-keyboard-key-background,rgb(var(--tone-bisque-08,121 103 97)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-sizing:border-box;corner-shape:inherit;align-items:baseline;display:inline-flex;flex-grow:1;flex-shrink:0;height:var(--key-size-default);justify-content:center;min-width:calc(var(--spacing,.0025rem)*1000);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100));position:relative;text-align:center;-webkit-transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-property:box-shadow,padding,height;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));-webkit-user-select:none;user-select:none}:host(:active) .physical-key,:host([pressed]:not([pressed=false])) .physical-key{--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.075)) inset;-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);height:var(--key-size-pressed);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))}:host([code=space]) .physical-key{min-width:calc(var(--key-size-default)*2)}mds-badge{background-color:#0000;color:currentColor;margin-left:calc(var(--spacing,.0025rem)*50);padding:0;white-space:nowrap}.shortcut-icon{fill:currentColor}.shortcut-text{color:currentColor;text-transform:capitalize;white-space:nowrap}'}},[1,"mds-keyboard-key",{name:[513],pressed:[516],language:[32],updateLang:[64]}]),T=x,L=function(){"undefined"!=typeof customElements&&["mds-keyboard-key","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-keyboard-key":customElements.get(o(e))||customElements.define(o(e),x);break;case"mds-icon":customElements.get(o(e))||m();break;case"mds-text":customElements.get(o(e))||h()}}))};export{T as MdsKeyboardKey,L as defineCustomElement}