chore: documentation for CSS ::part(). Also typo in keybinding

arnog · Oct 11, 2020 · f9066f0 · f9066f0
1 parent b5d390a
commit f9066f0
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 5 deletions.
diff --git a/dist/mathlive.js b/dist/mathlive.js
@@ -18517,7 +18517,7 @@ M500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z`,
         { key: 'ctrl+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
         { key: 'cmd+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
         { key: 'ctrl+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
-        { key: 'cmd+shift[Comma]', ifMode: 'math', command: 'addColumnAfter' },
+        { key: 'cmd+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
         // Excel keybindings:
         // shift+space: select entire row, ctrl+space: select an entire column
         // ctrl+shift++ or ctrl+numpad+
@@ -33166,6 +33166,17 @@ M500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z`,
      * | `--text-font-family` | The font stack used in text mode |
      * | `--keyboard-zindex` | The z-index attribute of the virtual keyboard panel |
      *
+     * ### CSS Parts
+     *
+     * The `virtual-keyboard-toggle` CSS part can be used to style the virtual
+     * keyboard toggle. To use it, define a CSS style with a `::part()` selector
+     * for example:
+     * ```css
+     * math-field::part(virtual-keyboard-toggle) {
+     *  color: red;
+     * }
+     * ```
+     *
      *
      * ### Attributes
      *

diff --git a/dist/mathlive.min.js b/dist/mathlive.min.js
diff --git a/dist/mathlive.min.mjs b/dist/mathlive.min.mjs
diff --git a/dist/mathlive.mjs b/dist/mathlive.mjs
@@ -18511,7 +18511,7 @@ const DEFAULT_KEYBINDINGS = [
     { key: 'ctrl+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
     { key: 'cmd+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
     { key: 'ctrl+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
-    { key: 'cmd+shift[Comma]', ifMode: 'math', command: 'addColumnAfter' },
+    { key: 'cmd+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
     // Excel keybindings:
     // shift+space: select entire row, ctrl+space: select an entire column
     // ctrl+shift++ or ctrl+numpad+
@@ -33160,6 +33160,17 @@ const gDeferredState = new WeakMap();
  * | `--text-font-family` | The font stack used in text mode |
  * | `--keyboard-zindex` | The z-index attribute of the virtual keyboard panel |
  *
+ * ### CSS Parts
+ *
+ * The `virtual-keyboard-toggle` CSS part can be used to style the virtual
+ * keyboard toggle. To use it, define a CSS style with a `::part()` selector
+ * for example:
+ * ```css
+ * math-field::part(virtual-keyboard-toggle) {
+ *  color: red;
+ * }
+ * ```
+ *
  *
  * ### Attributes
  *

diff --git a/dist/public/mathfield-element.d.ts b/dist/public/mathfield-element.d.ts
@@ -91,6 +91,17 @@ declare global {
  * | `--text-font-family` | The font stack used in text mode |
  * | `--keyboard-zindex` | The z-index attribute of the virtual keyboard panel |
  *
+ * ### CSS Parts
+ *
+ * The `virtual-keyboard-toggle` CSS part can be used to style the virtual
+ * keyboard toggle. To use it, define a CSS style with a `::part()` selector
+ * for example:
+ * ```css
+ * math-field::part(virtual-keyboard-toggle) {
+ *  color: red;
+ * }
+ * ```
+ *
  *
  * ### Attributes
  *

diff --git a/src/editor/keybindings-definitions.ts b/src/editor/keybindings-definitions.ts
@@ -211,7 +211,7 @@ export const DEFAULT_KEYBINDINGS: Keybinding[] = [
     { key: 'ctrl+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
     { key: 'cmd+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
     { key: 'ctrl+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
-    { key: 'cmd+shift[Comma]', ifMode: 'math', command: 'addColumnAfter' },
+    { key: 'cmd+shift+[Comma]', ifMode: 'math', command: 'addColumnAfter' },
 
     // Excel keybindings:
     // shift+space: select entire row, ctrl+space: select an entire column

diff --git a/src/public/mathfield-element.ts b/src/public/mathfield-element.ts
@@ -158,6 +158,17 @@ const gDeferredState = new WeakMap<
  * | `--text-font-family` | The font stack used in text mode |
  * | `--keyboard-zindex` | The z-index attribute of the virtual keyboard panel |
  *
+ * ### CSS Parts
+ *
+ * The `virtual-keyboard-toggle` CSS part can be used to style the virtual
+ * keyboard toggle. To use it, define a CSS style with a `::part()` selector
+ * for example:
+ * ```css
+ * math-field::part(virtual-keyboard-toggle) {
+ *  color: red;
+ * }
+ * ```
+ *
  *
  * ### Attributes
  *