@ulu/frontend-vue 0.1.3-beta.3 → 0.1.3-beta.5

package/dist/types/components/index.d.ts

@@ -29,6 +29,15 @@ export { default as UluFormMessage } from "./forms/UluFormMessage.vue";
 export { default as UluFormSelect } from "./forms/UluFormSelect.vue";
 export { default as UluFormText } from "./forms/UluFormText.vue";
 export { default as UluSearchForm } from "./forms/UluSearchForm.vue";
+export { default as UluForm } from "./forms/UluForm.vue";
+export { default as UluFormActions } from "./forms/UluFormActions.vue";
+export { default as UluFormCheckbox } from "./forms/UluFormCheckbox.vue";
+export { default as UluFormFieldset } from "./forms/UluFormFieldset.vue";
+export { default as UluFormItem } from "./forms/UluFormItem.vue";
+export { default as UluFormItemsInline } from "./forms/UluFormItemsInline.vue";
+export { default as UluFormRadio } from "./forms/UluFormRadio.vue";
+export { default as UluFormRequiredChar } from "./forms/UluFormRequiredChar.vue";
+export { default as UluFormTextarea } from "./forms/UluFormTextarea.vue";
 export { default as UluAdaptiveLayout } from "./layout/UluAdaptiveLayout.vue";
 export { default as UluDataGrid } from "./layout/UluDataGrid.vue";
 export { default as UluTitleRail } from "./layout/UluTitleRail.vue";

package/dist/types/plugins/popovers/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":";gBAGY,MAAM;;;;;;;;;iBAuDN,MAAM"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":";gBAGY,MAAM;;;;;;;;;iBA8CN,MAAM"}

package/dist/types/plugins/popovers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAuIhB;AArLD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;2BA3C0B,iBAAiB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAgJhB;AA9LD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;2BA3C0B,iBAAiB"}

package/lib/components/index.js

@@ -34,6 +34,15 @@ export { default as UluFormMessage } from './forms/UluFormMessage.vue';
 export { default as UluFormSelect } from './forms/UluFormSelect.vue';
 export { default as UluFormText } from './forms/UluFormText.vue';
 export { default as UluSearchForm } from './forms/UluSearchForm.vue';
+export { default as UluForm } from './forms/UluForm.vue';
+export { default as UluFormActions } from './forms/UluFormActions.vue';
+export { default as UluFormCheckbox } from './forms/UluFormCheckbox.vue';
+export { default as UluFormFieldset } from './forms/UluFormFieldset.vue';
+export { default as UluFormItem } from './forms/UluFormItem.vue';
+export { default as UluFormItemsInline } from './forms/UluFormItemsInline.vue';
+export { default as UluFormRadio } from './forms/UluFormRadio.vue';
+export { default as UluFormRequiredChar } from './forms/UluFormRequiredChar.vue';
+export { default as UluFormTextarea } from './forms/UluFormTextarea.vue';
 export { default as UluAdaptiveLayout } from './layout/UluAdaptiveLayout.vue';
 export { default as UluDataGrid } from './layout/UluDataGrid.vue';
 export { default as UluTitleRail } from './layout/UluTitleRail.vue';

package/lib/plugins/popovers/defaults.js

@@ -9,16 +9,7 @@ export default {
      * @type {String}
      */
     directiveName: "ulu-tooltip",
-    /**
-     * The element that the tooltip should be rendered within
-     * - Default bottom of the body (on top of everything)
-     * - Doesn't need to be inline for accessibility since tooltips are just an enhancement
-     *   content displayed within them should be hidden for assistive devices, 
-     *   they are not visible to assistive devices
-     * @type {String}
-     */    
-    tooltipTeleportTo: "body",
-  },
+    },
   /**
    * Default Popover Options
    */
@@ -59,6 +50,15 @@ export default {
    * @type {Object}
    */
   tooltip: {
+    /**
+     * The element that the tooltip should be rendered within
+     * - Default bottom of the body if this is unset
+     * - Doesn't need to be inline for accessibility since tooltips are just an enhancement
+     *   content displayed within them should be hidden for assistive devices, 
+     *   they are not visible to assistive devices
+     * @type {String}
+     */    
+    teleportTo: null,
     /**
      * Optional class binding for tooltip element
      * @type {String|Object|Array}

package/lib/plugins/popovers/index.js

@@ -70,6 +70,15 @@ export default function install(app, userOptions = {}) {
     config: {},
   });
   const showTooltip = (triggerEl, configObj) => {
+    // If a teleport target isn't already specified in the config,
+    // try to find a parent dialog to teleport to automatically.
+    if (triggerEl && !configObj.teleportTo) {
+      const dialog = triggerEl.closest("dialog");
+      if (dialog) {
+        configObj.teleportTo = dialog;
+      }
+    }
+    
     // If a tooltip is already active for a different element, remove its attribute.
     if (tooltipState.trigger && tooltipState.trigger !== triggerEl) {
       if (tooltipState.trigger?.removeAttribute) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.3-beta.3",
+  "version": "0.1.3-beta.5",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [