@ditojs/admin 0.275.0 → 1.0.0

package/src/components/DitoErrors.vue

@@ -17,7 +17,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-errors', {

package/src/components/DitoForm.vue

@@ -46,12 +46,12 @@
 </template>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import RouteMixin from '@/mixins/RouteMixin'
-import ResourceMixin from '@/mixins/ResourceMixin'
-import { getResource, getMemberResource } from '@/utils/resource'
-import { getButtonSchemas, isObjectSource } from '@/utils/schema'
 import { clone, capitalize, parseDataPath, merge } from '@ditojs/utils'
+import DitoComponent from '../DitoComponent.js'
+import RouteMixin from '../mixins/RouteMixin.js'
+import ResourceMixin from '../mixins/ResourceMixin.js'
+import { getResource, getMemberResource } from '../utils/resource.js'
+import { getButtonSchemas, isObjectSource } from '../utils/schema.js'
 
 // @vue/component
 export default DitoComponent.component('dito-form', {

package/src/components/DitoFormNested.vue

@@ -8,7 +8,7 @@
 </style>
 
 <script>
-import DitoForm from './DitoForm'
+import DitoForm from './DitoForm.vue'
 
 export default DitoForm.component('dito-form-nested', {})
 </script>

package/src/components/DitoHeader.vue

@@ -79,13 +79,15 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import PulseLoader from 'vue-spinner/src/PulseLoader'
+import DitoComponent from '../DitoComponent.js'
+import PulseLoader from 'vue-spinner/src/PulseLoader.vue'
 
 const Spinner = DitoComponent.component('spinner', PulseLoader)
 
 // @vue/component
 export default DitoComponent.component('dito-header', {
+  components: { Spinner },
+
   props: {
     spinner: {
       type: Object,

package/src/components/DitoLabel.vue

@@ -50,7 +50,7 @@
         // so that buttons always appear right-aligned:
         flex: 1 1 auto
       &::after
-        content: '\00a0'
+        content: '\a0' // &nbps;
 
     .dito-label-prefix,
     .dito-label-suffix
@@ -73,9 +73,9 @@
         position: absolute
         max-width: 100%
       &::after
-        // Since <label> uses `position: absolute`, add `content: '&nbsp;'`
-        // on its parent to enforce the right text height in the container
-        content: '\00a0'
+        // Since <label> uses `position: absolute`, set content to a zero-width
+        // space on its parent to enforce the right text height in the container
+        content: '\200b' // zero-width space
 
   a.dito-label
     &:hover
@@ -97,7 +97,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 import { isObject, asArray } from '@ditojs/utils'
 
 // @vue/component

package/src/components/DitoMenu.vue

@@ -41,7 +41,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-menu', {})

package/src/components/DitoPagination.vue

@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import DitoComponent from '@/DitoComponent'
 import { Pagination } from '@ditojs/ui'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-pagination', {

package/src/components/DitoPane.vue

@@ -66,9 +66,9 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import { appendDataPath } from '@/utils/data'
-import { getAllPanelSchemas, isNested } from '@/utils/schema'
+import DitoComponent from '../DitoComponent.js'
+import { appendDataPath } from '../utils/data.js'
+import { getAllPanelSchemas, isNested } from '../utils/schema.js'
 
 // @vue/component
 export default DitoComponent.component('dito-pane', {

package/src/components/DitoPanel.vue

@@ -63,11 +63,11 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import ValidatorMixin from '@/mixins/ValidatorMixin'
-import { getButtonSchemas } from '@/utils/schema'
-import { getSchemaAccessor } from '@/utils/accessor'
 import { isFunction } from '@ditojs/utils'
+import DitoComponent from '../DitoComponent.js'
+import ValidatorMixin from '../mixins/ValidatorMixin.js'
+import { getButtonSchemas } from '../utils/schema.js'
+import { getSchemaAccessor } from '../utils/accessor.js'
 
 // @vue/component
 export default DitoComponent.component('dito-panel', {

package/src/components/DitoPanels.vue

@@ -23,7 +23,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-panels', {

package/src/components/DitoRoot.vue

@@ -24,7 +24,7 @@
 </template>
 
 <style lang="sass">
-  @import 'dito.sass'
+  @import '../styles/style.sass'
   .dito-root
     height: 100%
     display: flex
@@ -41,12 +41,12 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import DitoUser from '@/DitoUser'
-import DitoView from '@/components/DitoView'
-import DomMixin from '@/mixins/DomMixin'
-import { processView, resolveViews } from '@/utils/schema'
 import { asArray, stripTags } from '@ditojs/utils'
+import DitoComponent from '../DitoComponent.js'
+import DitoUser from '../DitoUser.js'
+import DitoView from '../components/DitoView.vue'
+import DomMixin from '../mixins/DomMixin.js'
+import { processView, resolveSchemas } from '../utils/schema.js'
 
 // @vue/component
 export default DitoComponent.component('dito-root', {
@@ -264,7 +264,7 @@ export default DitoComponent.component('dito-root', {
 
     async resolveViews() {
       try {
-        this.resolvedViews = await resolveViews(this.unresolvedViews)
+        this.resolvedViews = await resolveSchemas(this.unresolvedViews)
       } catch (error) {
         if (!error.request) {
           console.error(error)

package/src/components/DitoSchema.vue

@@ -149,18 +149,18 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import ItemMixin from '@/mixins/ItemMixin'
-import { appendDataPath, getParentItem } from '@/utils/data'
-import {
-  getNamedSchemas, getPanelSchemas, setDefaults, processData
-} from '@/utils/schema'
-import { getStoreAccessor } from '@/utils/accessor'
 import {
   isObject, isArray, isFunction, isRegExp,
   parseDataPath, normalizeDataPath, labelize
 } from '@ditojs/utils'
 import { TransitionHeight } from '@ditojs/ui'
+import DitoComponent from '../DitoComponent.js'
+import ItemMixin from '../mixins/ItemMixin.js'
+import { appendDataPath, getParentItem } from '../utils/data.js'
+import {
+  getNamedSchemas, getPanelSchemas, setDefaults, processData
+} from '../utils/schema.js'
+import { getStoreAccessor } from '../utils/accessor.js'
 
 // @vue/component
 export default DitoComponent.component('dito-schema', {

package/src/components/DitoSchemaInlined.vue

@@ -51,8 +51,8 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import { isCompact } from '@/utils/schema'
+import DitoComponent from '../DitoComponent.js'
+import { isCompact } from '../utils/schema.js'
 // @vue/component
 export default DitoComponent.component('dito-schema-inlined', {
   props: {

package/src/components/DitoScopes.vue

@@ -41,7 +41,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-scopes', {

package/src/components/DitoTableCell.vue

@@ -22,9 +22,9 @@
 </template>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import DitoContext from '@/DitoContext'
-import { appendDataPath } from '@/utils/data'
+import DitoComponent from '../DitoComponent.js'
+import DitoContext from '../DitoContext.js'
+import { appendDataPath } from '../utils/data.js'
 import { escapeHtml } from '@ditojs/utils'
 
 // @vue/component

package/src/components/DitoTableHead.vue

@@ -47,13 +47,13 @@
           padding: $input-padding
           &:empty::after
             // Prevent empty <th> from collapsing
-            content: '\00a0'
+            content: '\200b' // zero-width space
         > span
           display: block
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 import { hyphenate } from '@ditojs/utils'
 
 // @vue/component

package/src/components/DitoTabs.vue

@@ -36,7 +36,7 @@
 </style>
 
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // @vue/component
 export default DitoComponent.component('dito-tabs', {

package/src/components/DitoTreeItem.vue

@@ -150,11 +150,11 @@
 
 <script>
 import VueDraggable from 'vuedraggable'
-import DitoComponent from '@/DitoComponent'
-import OrderedMixin from '@/mixins/OrderedMixin'
-import { appendDataPath } from '@/utils/data'
-import { getSchemaAccessor } from '@/utils/accessor'
-import { getNamedSchemas, hasFormSchema } from '@/utils/schema'
+import DitoComponent from '../DitoComponent.js'
+import OrderedMixin from '../mixins/OrderedMixin.js'
+import { appendDataPath } from '../utils/data.js'
+import { getSchemaAccessor } from '../utils/accessor.js'
+import { getNamedSchemas, hasFormSchema } from '../utils/schema.js'
 
 // @vue/component
 export default DitoComponent.component('dito-tree-item', {

package/src/components/DitoVNode.vue

@@ -1,5 +1,5 @@
 <script>
-import DitoComponent from '@/DitoComponent'
+import DitoComponent from '../DitoComponent.js'
 
 // A component to simply pass through an existing vue vnode.
 // See: https://forum.vuejs.org/t/28162/4

package/src/components/DitoView.vue

@@ -22,10 +22,10 @@
 </template>
 
 <script>
-import DitoComponent from '@/DitoComponent'
-import RouteMixin from '@/mixins/RouteMixin'
-import { someSchemaComponent, isSingleComponentView } from '@/utils/schema'
-import { hasResource } from '@/utils/resource'
+import DitoComponent from '../DitoComponent.js'
+import RouteMixin from '../mixins/RouteMixin.js'
+import { someSchemaComponent, isSingleComponentView } from '../utils/schema.js'
+import { hasResource } from '../utils/resource.js'
 
 // @vue/component
 export default DitoComponent.component('dito-view', {

package/src/components/index.js

@@ -3,31 +3,31 @@
 // NOTE: Sequence is meaningful for reasons of CSS declaration sequence. The
 // convention is in order of encountered hierarchy in the DOM.
 
-import './DitoRoot'
-import './DitoMenu'
-import './DitoHeader'
-import './DitoAccount'
-import './DitoDialog'
-import './DitoElement'
-import './DitoLabel'
-import './DitoSchema'
-import './DitoSchemaInlined'
-import './DitoPane'
-import './DitoContainer'
-import './DitoTabs'
-import './DitoPanel'
-import './DitoPanels'
-import './DitoButtons'
-import './DitoEditButtons'
-import './DitoCreateButton'
-import './DitoClipboard'
-import './DitoView'
-import './DitoForm'
-import './DitoFormNested'
-import './DitoErrors'
-import './DitoScopes'
-import './DitoPagination'
-import './DitoTreeItem'
-import './DitoTableHead'
-import './DitoTableCell'
-import './DitoVNode'
+export { default as DitoRoot } from './DitoRoot.vue'
+export { default as DitoMenu } from './DitoMenu.vue'
+export { default as DitoHeader } from './DitoHeader.vue'
+export { default as DitoAccount } from './DitoAccount.vue'
+export { default as DitoDialog } from './DitoDialog.vue'
+export { default as DitoElement } from './DitoElement.vue'
+export { default as DitoLabel } from './DitoLabel.vue'
+export { default as DitoSchema } from './DitoSchema.vue'
+export { default as DitoSchemaInlined } from './DitoSchemaInlined.vue'
+export { default as DitoPane } from './DitoPane.vue'
+export { default as DitoContainer } from './DitoContainer.vue'
+export { default as DitoTabs } from './DitoTabs.vue'
+export { default as DitoPanel } from './DitoPanel.vue'
+export { default as DitoPanels } from './DitoPanels.vue'
+export { default as DitoButtons } from './DitoButtons.vue'
+export { default as DitoEditButtons } from './DitoEditButtons.vue'
+export { default as DitoCreateButton } from './DitoCreateButton.vue'
+export { default as DitoClipboard } from './DitoClipboard.vue'
+export { default as DitoView } from './DitoView.vue'
+export { default as DitoForm } from './DitoForm.vue'
+export { default as DitoFormNested } from './DitoFormNested.vue'
+export { default as DitoErrors } from './DitoErrors.vue'
+export { default as DitoScopes } from './DitoScopes.vue'
+export { default as DitoPagination } from './DitoPagination.vue'
+export { default as DitoTreeItem } from './DitoTreeItem.vue'
+export { default as DitoTableHead } from './DitoTableHead.vue'
+export { default as DitoTableCell } from './DitoTableCell.vue'
+export { default as DitoVNode } from './DitoVNode.vue'

package/src/index.js

@@ -1 +1 @@
-export default from './DitoAdmin'
+export { default } from './DitoAdmin.js'

package/src/mixins/DataMixin.js

@@ -1,7 +1,7 @@
-import LoadingMixin from './LoadingMixin'
 import {
   isObject, isFunction, isPromise, normalizeDataPath, getValueAtDataPath
 } from '@ditojs/utils'
+import LoadingMixin from './LoadingMixin.js'
 
 // @vue/component
 export default {

package/src/mixins/DitoMixin.js

@@ -1,14 +1,14 @@
-import appState from '@/appState'
-import DitoComponent from '@/DitoComponent'
-import DitoContext from '@/DitoContext'
-import EmitterMixin from './EmitterMixin'
-import { isMatchingType, convertType } from '@/utils/type'
-import { getResource, getMemberResource } from '@/utils/resource'
-import { deprecate } from '@/utils/deprecate'
 import {
   isObject, isArray, isString, isFunction, asArray, equals,
   getValueAtDataPath, labelize, hyphenate, format
 } from '@ditojs/utils'
+import appState from '../appState.js'
+import DitoComponent from '../DitoComponent.js'
+import DitoContext from '../DitoContext.js'
+import EmitterMixin from './EmitterMixin.js'
+import { isMatchingType, convertType } from '../utils/type.js'
+import { getResource, getMemberResource } from '../utils/resource.js'
+import { deprecate } from '../utils/deprecate.js'
 
 // @vue/component
 export default {

package/src/mixins/ItemMixin.js

@@ -1,8 +1,8 @@
-import DitoContext from '@/DitoContext'
+import DitoContext from '../DitoContext.js'
 import {
   getItemFormSchema, getItemId, getItemUid, isListSource
-} from '@/utils/schema'
-import { appendDataPath } from '@/utils/data'
+} from '../utils/schema.js'
+import { appendDataPath } from '../utils/data.js'
 import { isObject, isString, isFunction } from '@ditojs/utils'
 
 // @vue/component

package/src/mixins/NumberMixin.js

@@ -1,4 +1,4 @@
-import { getSchemaAccessor } from '@/utils/accessor'
+import { getSchemaAccessor } from '../utils/accessor.js'
 import { isArray } from '@ditojs/utils'
 
 // @vue/component

package/src/mixins/OptionsMixin.js

@@ -1,7 +1,7 @@
-import DitoContext from '@/DitoContext'
-import DataMixin from './DataMixin'
-import { getSchemaAccessor } from '@/utils/accessor'
-import { setTemporaryId, isReference } from '@/utils/data'
+import DitoContext from '../DitoContext.js'
+import DataMixin from './DataMixin.js'
+import { getSchemaAccessor } from '../utils/accessor.js'
+import { setTemporaryId, isReference } from '../utils/data.js'
 import {
   isObject, isArray, isString, isFunction,
   normalizeDataPath, labelize, debounceAsync

package/src/mixins/OrderedMixin.js

@@ -1,4 +1,4 @@
-import ItemMixin from '@/mixins/ItemMixin'
+import ItemMixin from '../mixins/ItemMixin.js'
 
 // @vue/component
 export default {

package/src/mixins/PulldownMixin.js

@@ -1,4 +1,4 @@
-import DomMixin from './DomMixin'
+import DomMixin from './DomMixin.js'
 
 // @vue/component
 export default {

package/src/mixins/ResourceMixin.js

@@ -1,9 +1,9 @@
-import ItemMixin from './ItemMixin'
-import LoadingMixin from './LoadingMixin'
-import { setDefaults } from '@/utils/schema'
+import ItemMixin from './ItemMixin.js'
+import LoadingMixin from './LoadingMixin.js'
+import { setDefaults } from '../utils/schema.js'
 import { isObject, isString, labelize } from '@ditojs/utils'
-import { getResource } from '@/utils/resource'
-import DitoContext from '@/DitoContext'
+import { getResource } from '../utils/resource.js'
+import DitoContext from '../DitoContext.js'
 
 // @vue/component
 export default {

package/src/mixins/RouteMixin.js

@@ -1,4 +1,4 @@
-import ValidatorMixin from '@/mixins/ValidatorMixin'
+import ValidatorMixin from '../mixins/ValidatorMixin.js'
 import { getCommonPrefix } from '@ditojs/utils'
 
 // @vue/component

package/src/mixins/SourceMixin.js

@@ -1,14 +1,14 @@
-import DitoComponent from '@/DitoComponent'
-import ResourceMixin from './ResourceMixin'
-import SchemaParentMixin from '@/mixins/SchemaParentMixin'
-import { getSchemaAccessor, getStoreAccessor } from '@/utils/accessor'
-import { getMemberResource } from '@/utils/resource'
+import DitoComponent from '../DitoComponent.js'
+import ResourceMixin from './ResourceMixin.js'
+import SchemaParentMixin from '../mixins/SchemaParentMixin.js'
+import { getSchemaAccessor, getStoreAccessor } from '../utils/accessor.js'
+import { getMemberResource } from '../utils/resource.js'
 import {
   processRouteSchema, processForms, getNamedSchemas, getButtonSchemas,
   hasFormSchema, getFormSchemas, getViewSchema,
   hasLabels, isCompact, isInlined,
   isObjectSource, isListSource
-} from '@/utils/schema'
+} from '../utils/schema.js'
 import {
   isObject, isString, isArray, isNumber, equals,
   parseDataPath, normalizeDataPath
@@ -513,7 +513,9 @@ export default {
                 { path },
                 // Wait for the last route component to be mounted in the next
                 // tick before calling `onComplete()`
-                () => this.$nextTick(callOnComplete),
+                () => {
+                  this.$nextTick(callOnComplete)
+                },
                 reject
               )
             }

package/src/mixins/TypeMixin.js

@@ -1,8 +1,8 @@
-import DitoContext from '@/DitoContext'
-import ValidationMixin from './ValidationMixin'
-import { getSchemaAccessor } from '@/utils/accessor'
-import { computeValue } from '@/utils/schema'
-import { getItem, getParentItem } from '@/utils/data'
+import DitoContext from '../DitoContext.js'
+import ValidationMixin from './ValidationMixin.js'
+import { getSchemaAccessor } from '../utils/accessor.js'
+import { computeValue } from '../utils/schema.js'
+import { getItem, getParentItem } from '../utils/data.js'
 import { isString, asArray } from '@ditojs/utils'
 
 // @vue/component

package/src/mixins/ValidationMixin.js

@@ -1,5 +1,5 @@
 import { isFunction } from '@ditojs/utils'
-import * as validations from '../validations'
+import * as validations from '../validations/index.js'
 
 // @vue/component
 export default {

package/src/mixins/ValidatorMixin.js

@@ -1,4 +1,4 @@
-import SchemaParentMixin from './SchemaParentMixin'
+import SchemaParentMixin from './SchemaParentMixin.js'
 
 // @vue/component
 export default {

package/src/styles/_imports.sass

@@ -1,2 +1,2 @@
-@import '~@ditojs/ui/src/styles/imports'
+@import '@ditojs/ui/imports.sass'
 @import '_settings'

package/src/styles/_vendors.sass

@@ -0,0 +1 @@
+@import '@ditojs/ui/style.css'

package/src/styles/{dito.sass → style.sass}

@@ -1,4 +1,5 @@
-// No need to import this again, since it's handled by sass-loader.
+@import '_vendors'
+// No need to import `_imports.sass` again, since it's handled by sass-loader.
 @import '_base'
 @import '_button'
 @import '_pulldown'

package/src/types/TypeButton.vue

@@ -11,9 +11,9 @@
 </template>
 
 <script>
-import TypeComponent from '@/TypeComponent'
-import { getSchemaAccessor } from '@/utils/accessor'
-import { hasResource } from '@/utils/resource'
+import TypeComponent from '../TypeComponent.js'
+import { getSchemaAccessor } from '../utils/accessor.js'
+import { hasResource } from '../utils/resource.js'
 import { labelize } from '@ditojs/utils'
 
 export default TypeComponent.register([

package/src/types/TypeCheckbox.vue

@@ -15,7 +15,7 @@
 </style>
 
 <script>
-import TypeComponent from '@/TypeComponent'
+import TypeComponent from '../TypeComponent.js'
 
 // @vue/component
 export default TypeComponent.register('checkbox', {

package/src/types/TypeCheckboxes.vue

@@ -25,8 +25,8 @@
 </style>
 
 <script>
-import TypeComponent from '@/TypeComponent'
-import OptionsMixin from '@/mixins/OptionsMixin'
+import TypeComponent from '../TypeComponent.js'
+import OptionsMixin from '../mixins/OptionsMixin.js'
 
 // @vue/component
 export default TypeComponent.register('checkboxes', {

package/src/types/TypeCode.vue

@@ -36,8 +36,8 @@
 </style>
 
 <script>
-import TypeComponent from '@/TypeComponent'
-import DomMixin from '@/mixins/DomMixin'
+import TypeComponent from '../TypeComponent.js'
+import DomMixin from '../mixins/DomMixin.js'
 import CodeFlask from 'codeflask'
 
 // @vue/component

package/src/types/TypeColor.vue

@@ -70,9 +70,9 @@
 <script>
 import tinycolor from 'tinycolor2'
 import { Sketch as SketchPicker } from 'vue-color'
-import TypeComponent from '@/TypeComponent'
+import TypeComponent from '../TypeComponent.js'
 import { Trigger } from '@ditojs/ui'
-import { getSchemaAccessor } from '@/utils/accessor'
+import { getSchemaAccessor } from '../utils/accessor.js'
 
 // @vue/component
 export default TypeComponent.register('color', {