@carbon/vue 2.27.1 → 2.28.0

package/src/components/cv-overflow-menu/cv-overflow-menu.vue

@@ -5,7 +5,7 @@
       :class="[tipClasses, { 'bx--overflow-menu--open': open }]"
       aria-haspopup
       type="button"
-      :aria-expanded="open"
+      :aria-expanded="open ? 'true' : 'false'"
       :aria-controls="`${uid}-menu`"
       :id="`${uid}-trigger`"
       ref="trigger"

package/src/components/cv-svg/_cv-svg.vue

@@ -0,0 +1,41 @@
+<script>
+import CvWrapper from '../cv-wrapper/_cv-wrapper';
+
+export default {
+  name: 'CvSvg',
+  components: { CvWrapper },
+  props: {
+    svg: {
+      type: [String, Object],
+      default: undefined,
+      validator(val) {
+        if (!val || typeof val === 'string') {
+          return true;
+        }
+        return val.render !== null;
+      },
+    },
+  },
+  computed: {
+    isSvg() {
+      return this.svg !== undefined && this.svg.indexOf('<svg') >= 0;
+    },
+    isSymbol() {
+      return this.svg !== undefined && !this.isSvg && this.svg.indexOf('#') >= 0;
+    },
+  },
+  render(createElement) {
+    if (typeof this.svg === 'object') {
+      return createElement('component', { is: this.svg });
+    } else if (this.isSvg) {
+      return createElement('svg', { domProps: { innerHTML: this.svg } });
+    } else {
+      if (this.isSymbol) {
+        return createElement('svg', {}, [createElement('use', { attrs: { href: this.svg } })]);
+      } else {
+        return createElement('img', { attrs: { src: this.svg } });
+      }
+    }
+  },
+};
+</script>

package/src/components/cv-tabs/cv-tab.vue

@@ -4,7 +4,7 @@
     :id="uid"
     role="tabpanel"
     :aria-labelledby="`${uid}-link`"
-    :aria-hidden="!dataSelected"
+    :aria-hidden="!dataSelected ? 'true' : 'false'"
     :hidden="!dataSelected"
   >
     <slot>

package/src/components/cv-tabs/cv-tabs.vue

@@ -34,7 +34,7 @@
             'bx--tabs__nav-item--disabled': disabledTabs.indexOf(tab.uid) !== -1,
           }"
           role="tab"
-          :aria-selected="selectedId == tab.uid"
+          :aria-selected="selectedId == tab.uid ? 'true' : 'false'"
           :aria-disabled="disabledTabs.indexOf(tab.uid) !== -1"
         >
           <a

package/src/components/cv-text-area/cv-text-area.vue

@@ -22,6 +22,7 @@
         v-bind="$attrs"
         :value="value"
         v-on="inputListeners"
+        ref="textarea"
       ></textarea>
     </div>
     <div class="bx--form-requirement" v-if="isInvalid">
@@ -75,6 +76,11 @@ export default {
       this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
       this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
     },
+    focus() {
+      this.$nextTick(() => {
+        this.$refs.textarea.focus();
+      });
+    },
   },
 };
 </script>

package/src/components/cv-text-input/cv-text-input.vue

@@ -125,6 +125,11 @@ export default {
         this.$refs.input.value = currentValue;
       });
     },
+    focus() {
+      this.$nextTick(() => {
+        this.$refs.input.focus();
+      });
+    },
   },
 };
 </script>

package/src/components/cv-tooltip/cv-interactive-tooltip.vue

@@ -4,7 +4,7 @@
       <slot name="label"></slot>
 
       <button
-        :aria-expanded="dataVisible"
+        :aria-expanded="dataVisible ? 'true' : 'false'"
         :aria-labelledby="`${uid}-label`"
         class="bx--tooltip__trigger"
         :aria-controls="`${uid}`"

package/src/components/cv-ui-shell/cv-header-global-action.vue

@@ -6,7 +6,7 @@
     type="button"
     aria-haspopup="true"
     :aria-controls="ariaControls"
-    :aria-expanded="active"
+    :aria-expanded="active ? 'true' : 'false'"
     @click="gaToggle"
     @focusout="gaFocusout"
   >

package/src/components/cv-ui-shell/cv-header-menu-button.vue

@@ -6,7 +6,7 @@
     type="button"
     aria-haspopup="true"
     :aria-controls="ariaControls"
-    :aria-expanded="active"
+    :aria-expanded="active ? 'true' : 'false'"
     @click="gaToggle"
     @focusout="gaFocusout"
   >

package/src/components/cv-ui-shell/cv-header-panel.vue

@@ -2,7 +2,7 @@
   <div
     class="cv-header-panel bx--header-panel"
     :class="{ 'bx--header-panel--expanded': panelExpanded }"
-    :aria-hidden="!panelExpanded"
+    :aria-hidden="!panelExpanded ? 'true' : 'false'"
     :id="id"
     @focusout="onFocusout"
     @mousedown="onMouseDown"

package/src/components/cv-ui-shell/cv-side-nav.vue

@@ -7,7 +7,7 @@
       'bx--side-nav--collapsed': !panelExpanded && fixed,
       'bx--side-nav--ux': isChildOfHeader,
     }"
-    :aria-hidden="!panelExpanded && !fixed"
+    :aria-hidden="!panelExpanded && !fixed ? 'true' : 'false'"
     :id="id"
     @focusout="onFocusout"
     @mousedown="onMouseDown"