@bryntum/scheduler-vue 7.2.3 → 7.3.0

package/index.d.ts

@@ -5,6 +5,7 @@ export class BryntumFullscreenButton extends Vue {}
 export class BryntumDemoHeader extends Vue {}
 
 export class BryntumAIFilterField extends Vue {}
+export class BryntumBooleanCombo extends Vue {}
 export class BryntumButton extends Vue {}
 export class BryntumButtonGroup extends Vue {}
 export class BryntumChatPanel extends Vue {}
@@ -66,6 +67,7 @@ export class BryntumTextField extends Vue {}
 export class BryntumTimeField extends Vue {}
 export class BryntumTimelineHistogram extends Vue {}
 export class BryntumTimePicker extends Vue {}
+export class BryntumTimeZoomSlider extends Vue {}
 export class BryntumToolbar extends Vue {}
 export class BryntumTreeCombo extends Vue {}
 export class BryntumTreeGrid extends Vue {}

package/index.js

@@ -6,6 +6,7 @@ import './src/WrapperHelper.js';
 import BryntumFullscreenButton from './src/BryntumFullscreenButton.vue';
 import BryntumDemoHeader from './src/BryntumDemoHeader.vue';
 import BryntumAIFilterField from './src/BryntumAIFilterField.vue';
+import BryntumBooleanCombo from './src/BryntumBooleanCombo.vue';
 import BryntumButton from './src/BryntumButton.vue';
 import BryntumButtonGroup from './src/BryntumButtonGroup.vue';
 import BryntumChatPanel from './src/BryntumChatPanel.vue';
@@ -67,6 +68,7 @@ import BryntumTextField from './src/BryntumTextField.vue';
 import BryntumTimeField from './src/BryntumTimeField.vue';
 import BryntumTimelineHistogram from './src/BryntumTimelineHistogram.vue';
 import BryntumTimePicker from './src/BryntumTimePicker.vue';
+import BryntumTimeZoomSlider from './src/BryntumTimeZoomSlider.vue';
 import BryntumToolbar from './src/BryntumToolbar.vue';
 import BryntumTreeCombo from './src/BryntumTreeCombo.vue';
 import BryntumTreeGrid from './src/BryntumTreeGrid.vue';
@@ -79,6 +81,7 @@ export {
     BryntumFullscreenButton,
     BryntumDemoHeader,
     BryntumAIFilterField,
+    BryntumBooleanCombo,
     BryntumButton,
     BryntumButtonGroup,
     BryntumChatPanel,
@@ -140,6 +143,7 @@ export {
     BryntumTimeField,
     BryntumTimelineHistogram,
     BryntumTimePicker,
+    BryntumTimeZoomSlider,
     BryntumToolbar,
     BryntumTreeCombo,
     BryntumTreeGrid,

package/package.json

@@ -14,7 +14,7 @@
     "wrapper"
   ],
   "license": "Commercial",
-  "version": "7.2.3",
+  "version": "7.3.0",
   "bugs": "https://github.com/bryntum/support/issues",
   "main": "index.js",
   "dependencies": {},

package/src/BryntumAIFilterField.vue

@@ -8,7 +8,7 @@
 
 <script>
 
-import { AIFilterField, Base, Field, FieldContainer, Grid, Model, Rectangle, Scroller, Widget } from '@bryntum/scheduler';
+import { AIFilterField, Base, Field, Grid, Model, Rectangle, Scroller, Widget } from '@bryntum/scheduler';
 
 import { StringHelper } from '@bryntum/scheduler';
 import WrapperHelper from './WrapperHelper.js';
@@ -35,14 +35,14 @@ export default {
         color                        : { type : [String, null], default : undefined },
         config                       : { type : Object, default : undefined },
         constrainTo                  : { type : [HTMLElement, Widget, Rectangle], default : undefined },
-        container                    : { type : [Object, Array, FieldContainer], default : undefined },
+        container                    : { type : [Object, Array], default : undefined },
         containValues                : { type : Function, default : undefined },
         contentElementCls            : { type : [String, Object], default : undefined },
         dataField                    : { type : String, default : undefined },
         defaultBindProperty          : { type : String, default : undefined },
         detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
         dock                         : { type : [String, Object], default : undefined },
-        draggable                    : { type : [Boolean, Object], default : undefined },
+        draggable                    : { type : Boolean, default : undefined },
         elementAttributes            : { type : Object, default : undefined },
         floating                     : { type : Boolean, default : undefined },
         hideAnimation                : { type : [Boolean, Object], default : undefined },
@@ -69,14 +69,15 @@ export default {
         masked                       : { type : [Boolean, String, Object], default : undefined },
         maxLength                    : { type : Number, default : undefined },
         minLength                    : { type : Number, default : undefined },
-        monitorResize                : { type : [Boolean, Object], default : undefined },
+        monitorResize                : { type : Boolean, default : undefined },
         name                         : { type : String, default : undefined },
         positioned                   : { type : Boolean, default : undefined },
         preventTooltipOnTouch        : { type : Boolean, default : undefined },
         progressText                 : { type : String, default : undefined },
         relayStoreEvents             : { type : Boolean, default : undefined },
         revertOnEscape               : { type : Boolean, default : undefined },
-        ripple                       : { type : [Boolean, Object], default : undefined },
+        ripple                       : { type : Boolean, default : undefined },
+        role                         : { type : String, default : undefined },
         rootElement                  : { type : [ShadowRoot, HTMLElement], default : undefined },
         scrollAction                 : { type : [String, null], default : undefined },
         showAnimation                : { type : [Boolean, Object], default : undefined },
@@ -133,14 +134,12 @@ export default {
         y                           : { type : Number, default : undefined },
 
         // Properties only
-        anchorSize   : { type : Array, default : undefined },
-        content      : { type : String, default : undefined },
-        focusVisible : { type : Boolean, default : undefined },
-        formula      : { type : String, default : undefined },
-        html         : { type : Function, default : undefined },
-        input        : { type : HTMLElement, default : undefined },
-        parent       : { type : Widget, default : undefined },
-        scrollable   : { type : Scroller, default : undefined },
+        content    : { type : String, default : undefined },
+        formula    : { type : String, default : undefined },
+        html       : { type : Function, default : undefined },
+        input      : { type : HTMLElement, default : undefined },
+        parent     : { type : Widget, default : undefined },
+        scrollable : { type : Scroller, default : undefined },
 
         // Events
         onAction         : { type : Function },
@@ -227,6 +226,7 @@ export default {
                 'relayStoreEvents',
                 'revertOnEscape',
                 'ripple',
+                'role',
                 'rootElement',
                 'scrollAction',
                 'showAnimation',
@@ -304,9 +304,7 @@ export default {
             ],
 
             propertyNames : [
-                'anchorSize',
                 'content',
-                'focusVisible',
                 'formula',
                 'html',
                 'input',

package/src/BryntumBooleanCombo.vue

@@ -0,0 +1,455 @@
+<!--
+  Vue wrapper for Bryntum BooleanCombo
+-->
+
+<template>
+
+</template>
+
+<script>
+
+import { Base, BooleanCombo, Combo, Duration, Field, List, Model, Rectangle, Scroller, Store, Widget } from '@bryntum/scheduler';
+
+import { StringHelper } from '@bryntum/scheduler';
+import WrapperHelper from './WrapperHelper.js';
+
+export default {
+
+    // eslint-disable-next-line vue/multi-word-component-names
+    name : 'BryntumBooleanCombo',
+
+    props : {
+
+        // Configs only
+        adopt                        : { type : [HTMLElement, String], default : undefined },
+        align                        : { type : [Object, String], default : undefined },
+        anchor                       : { type : Boolean, default : undefined },
+        ariaDescription              : { type : String, default : undefined },
+        ariaLabel                    : { type : String, default : undefined },
+        autoComplete                 : { type : String, default : undefined },
+        autoExpand                   : { type : Boolean, default : undefined },
+        autoSelect                   : { type : Boolean, default : undefined },
+        bubbleEvents                 : { type : Object, default : undefined },
+        cacheLastResult              : { type : [Number, String, Duration, Object], default : undefined },
+        caseSensitive                : { type : Boolean, default : undefined },
+        centered                     : { type : Boolean, default : undefined },
+        chipView                     : { type : Object, default : undefined },
+        clearable                    : { type : [Boolean, Object], default : undefined },
+        clearTextOnPickerHide        : { type : Boolean, default : undefined },
+        clearTextOnSelection         : { type : Boolean, default : undefined },
+        clearWhenInputEmpty          : { type : Boolean, default : undefined },
+        color                        : { type : [String, null], default : undefined },
+        config                       : { type : Object, default : undefined },
+        constrainTo                  : { type : [HTMLElement, Widget, Rectangle], default : undefined },
+        container                    : { type : [Object, Array], default : undefined },
+        containValues                : { type : Function, default : undefined },
+        contentElementCls            : { type : [String, Object], default : undefined },
+        createOnUnmatched            : { type : Function, default : undefined },
+        dataField                    : { type : String, default : undefined },
+        defaultBindProperty          : { type : String, default : undefined },
+        detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
+        displayField                 : { type : String, default : undefined },
+        displayValueRenderer         : { type : Function, default : undefined },
+        dock                         : { type : [String, Object], default : undefined },
+        draggable                    : { type : Boolean, default : undefined },
+        elementAttributes            : { type : Object, default : undefined },
+        emptyText                    : { type : String, default : undefined },
+        encodeFilterParams           : { type : Function, default : undefined },
+        filterOnEnter                : { type : Boolean, default : undefined },
+        filterParamName              : { type : String, default : undefined },
+        filterSelected               : { type : Boolean, default : undefined },
+        floating                     : { type : Boolean, default : undefined },
+        hideAnimation                : { type : [Boolean, Object], default : undefined },
+        hidePickerOnSelect           : { type : Boolean, default : undefined },
+        hideTrigger                  : { type : Boolean, default : undefined },
+        highlightExternalChange      : { type : Boolean, default : undefined },
+        hint                         : { type : Function, default : undefined },
+        hintHtml                     : { type : Function, default : undefined },
+        ignoreParentReadOnly         : { type : Boolean, default : undefined },
+        inline                       : { type : Boolean, default : undefined },
+        inlinePicker                 : { type : Boolean, default : undefined },
+        inputAlign                   : { type : String, default : undefined },
+        inputAttributes              : { type : Object, default : undefined },
+        inputTag                     : { type : String, default : undefined },
+        inputType                    : { type : String, default : undefined },
+        inputWidth                   : { type : [String, Number], default : undefined },
+        items                        : { type : [Array, Object], default : undefined },
+        keyStrokeChangeDelay         : { type : Number, default : undefined },
+        keyStrokeFilterDelay         : { type : Number, default : undefined },
+        labelCls                     : { type : [String, Object], default : undefined },
+        labelPosition                : { type : [String, null], default : undefined },
+        labels                       : { type : Array, default : undefined },
+        labelWidth                   : { type : [String, Number], default : undefined },
+        listCls                      : { type : String, default : undefined },
+        listeners                    : { type : Object, default : undefined },
+        listItemTpl                  : { type : Function, default : undefined },
+        localeClass                  : { type : Function, default : undefined },
+        localizable                  : { type : Boolean, default : undefined },
+        localizableProperties        : { type : Array, default : undefined },
+        maskDefaults                 : { type : Object, default : undefined },
+        masked                       : { type : [Boolean, String, Object], default : undefined },
+        maxLength                    : { type : Number, default : undefined },
+        minChars                     : { type : Number, default : undefined },
+        minLength                    : { type : Number, default : undefined },
+        monitorResize                : { type : Boolean, default : undefined },
+        multiValueSeparator          : { type : String, default : undefined },
+        name                         : { type : String, default : undefined },
+        negativeText                 : { type : String, default : undefined },
+        negativeValue                : { type : Object, default : undefined },
+        overlayAnchor                : { type : Boolean, default : undefined },
+        pickerAlignElement           : { type : String, default : undefined },
+        pickerWidth                  : { type : [Number, String], default : undefined },
+        positioned                   : { type : Boolean, default : undefined },
+        positiveText                 : { type : String, default : undefined },
+        positiveValue                : { type : Object, default : undefined },
+        preventTooltipOnTouch        : { type : Boolean, default : undefined },
+        primaryFilter                : { type : Object, default : undefined },
+        relayStoreEvents             : { type : Boolean, default : undefined },
+        revertOnEscape               : { type : Boolean, default : undefined },
+        ripple                       : { type : Boolean, default : undefined },
+        role                         : { type : String, default : undefined },
+        rootElement                  : { type : [ShadowRoot, HTMLElement], default : undefined },
+        scrollAction                 : { type : [String, null], default : undefined },
+        showAnimation                : { type : [Boolean, Object], default : undefined },
+        showTooltipWhenDisabled      : { type : Boolean, default : undefined },
+        skipValidation               : { type : Boolean, default : undefined },
+        spellCheck                   : { type : Boolean, default : undefined },
+        tab                          : { type : [Boolean, Object], default : undefined },
+        tabIndex                     : { type : Number, default : undefined },
+        textAlign                    : { type : String, default : undefined },
+        title                        : { type : String, default : undefined },
+        triggerAction                : { type : [String, null], default : undefined },
+        type                         : { type : String, default : undefined },
+        ui                           : { type : [String, Object], default : undefined },
+        validateFilter               : { type : Boolean, default : undefined },
+        validateOnInput              : { type : Boolean, default : undefined },
+        valueField                   : { type : [String, null], default : undefined },
+        weight                       : { type : Number, default : undefined },
+
+        // Configs and properties
+        alignSelf                   : { type : String, default : undefined },
+        appendTo                    : { type : [HTMLElement, String], default : undefined },
+        badge                       : { type : String, default : undefined },
+        callOnFunctions             : { type : Boolean, default : undefined },
+        catchEventHandlerExceptions : { type : Boolean, default : undefined },
+        cls                         : { type : [String, Object], default : undefined },
+        column                      : { type : Number, default : undefined },
+        dataset                     : { type : Object, default : undefined },
+        disabled                    : { type : [Boolean, String], default : undefined },
+        editable                    : { type : Boolean, default : undefined },
+        extraData                   : { type : Object, default : undefined },
+        filterOperator              : { type : String, default : undefined },
+        flex                        : { type : [Number, String], default : undefined },
+        height                      : { type : [Number, String], default : undefined },
+        hidden                      : { type : Boolean, default : undefined },
+        id                          : { type : String, default : undefined },
+        insertBefore                : { type : [HTMLElement, String], default : undefined },
+        insertFirst                 : { type : [HTMLElement, String], default : undefined },
+        keyMap                      : { type : Object, default : undefined },
+        label                       : { type : String, default : undefined },
+        margin                      : { type : [Number, String], default : undefined },
+        maxHeight                   : { type : [String, Number], default : undefined },
+        maximizeOnMobile            : { type : [Number, String], default : undefined },
+        maxWidth                    : { type : [String, Number], default : undefined },
+        minHeight                   : { type : [String, Number], default : undefined },
+        minWidth                    : { type : [String, Number], default : undefined },
+        multiSelect                 : { type : Boolean, default : undefined },
+        picker                      : { type : [Object, List], default : undefined },
+        placeholder                 : { type : String, default : undefined },
+        readOnly                    : { type : Boolean, default : undefined },
+        rendition                   : { type : String, default : undefined },
+        required                    : { type : Boolean, default : undefined },
+        rtl                         : { type : Boolean, default : undefined },
+        showRequiredIndicator       : { type : String, default : undefined },
+        span                        : { type : Number, default : undefined },
+        store                       : { type : [Store, Object], default : undefined },
+        tooltip                     : { type : [String, Object, null], default : undefined },
+        triggers                    : { type : Object, default : undefined },
+        value                       : { type : [Object, Number, String], default : undefined },
+        width                       : { type : [Number, String], default : undefined },
+        x                           : { type : Number, default : undefined },
+        y                           : { type : Number, default : undefined },
+
+        // Properties only
+        content    : { type : String, default : undefined },
+        formula    : { type : String, default : undefined },
+        html       : { type : Function, default : undefined },
+        input      : { type : HTMLElement, default : undefined },
+        parent     : { type : Widget, default : undefined },
+        scrollable : { type : Scroller, default : undefined },
+
+        // Events
+        onAction         : { type : Function },
+        onBeforeDestroy  : { type : Function },
+        onBeforeHide     : { type : Function },
+        onBeforeShow     : { type : Function },
+        onCatchAll       : { type : Function },
+        onChange         : { type : Function },
+        onClear          : { type : Function },
+        onDestroy        : { type : Function },
+        onElementCreated : { type : Function },
+        onFocusIn        : { type : Function },
+        onFocusOut       : { type : Function },
+        onHide           : { type : Function },
+        onInput          : { type : Function },
+        onPaint          : { type : Function },
+        onReadOnly       : { type : Function },
+        onRecompose      : { type : Function },
+        onResize         : { type : Function },
+        onSelect         : { type : Function },
+        onShow           : { type : Function },
+        onTrigger        : { type : Function },
+
+    },
+
+    data : () => {
+        return {
+            instanceClass : BooleanCombo,
+            instanceName : 'BooleanCombo',
+
+            configNames : [
+                'adopt',
+                'align',
+                'anchor',
+                'ariaDescription',
+                'ariaLabel',
+                'autoComplete',
+                'autoExpand',
+                'autoSelect',
+                'bubbleEvents',
+                'cacheLastResult',
+                'caseSensitive',
+                'centered',
+                'chipView',
+                'clearable',
+                'clearTextOnPickerHide',
+                'clearTextOnSelection',
+                'clearWhenInputEmpty',
+                'color',
+                'config',
+                'constrainTo',
+                'container',
+                'containValues',
+                'contentElementCls',
+                'createOnUnmatched',
+                'dataField',
+                'defaultBindProperty',
+                'detectCSSCompatibilityIssues',
+                'displayField',
+                'displayValueRenderer',
+                'dock',
+                'draggable',
+                'elementAttributes',
+                'emptyText',
+                'encodeFilterParams',
+                'filterOnEnter',
+                'filterParamName',
+                'filterSelected',
+                'floating',
+                'hideAnimation',
+                'hidePickerOnSelect',
+                'hideTrigger',
+                'highlightExternalChange',
+                'hint',
+                'hintHtml',
+                'ignoreParentReadOnly',
+                'inline',
+                'inlinePicker',
+                'inputAlign',
+                'inputAttributes',
+                'inputTag',
+                'inputType',
+                'inputWidth',
+                'items',
+                'keyStrokeChangeDelay',
+                'keyStrokeFilterDelay',
+                'labelCls',
+                'labelPosition',
+                'labels',
+                'labelWidth',
+                'listCls',
+                'listeners',
+                'listItemTpl',
+                'localeClass',
+                'localizable',
+                'localizableProperties',
+                'maskDefaults',
+                'masked',
+                'maxLength',
+                'minChars',
+                'minLength',
+                'monitorResize',
+                'multiValueSeparator',
+                'name',
+                'negativeText',
+                'negativeValue',
+                'overlayAnchor',
+                'pickerAlignElement',
+                'pickerWidth',
+                'positioned',
+                'positiveText',
+                'positiveValue',
+                'preventTooltipOnTouch',
+                'primaryFilter',
+                'relayStoreEvents',
+                'revertOnEscape',
+                'ripple',
+                'role',
+                'rootElement',
+                'scrollAction',
+                'showAnimation',
+                'showTooltipWhenDisabled',
+                'skipValidation',
+                'spellCheck',
+                'tab',
+                'tabIndex',
+                'textAlign',
+                'title',
+                'triggerAction',
+                'type',
+                'ui',
+                'validateFilter',
+                'validateOnInput',
+                'valueField',
+                'weight'
+            ],
+
+            propertyConfigNames : [
+                'alignSelf',
+                'appendTo',
+                'badge',
+                'callOnFunctions',
+                'catchEventHandlerExceptions',
+                'cls',
+                'column',
+                'dataset',
+                'disabled',
+                'editable',
+                'extraData',
+                'filterOperator',
+                'flex',
+                'height',
+                'hidden',
+                'id',
+                'insertBefore',
+                'insertFirst',
+                'keyMap',
+                'label',
+                'margin',
+                'maxHeight',
+                'maximizeOnMobile',
+                'maxWidth',
+                'minHeight',
+                'minWidth',
+                'multiSelect',
+                'onAction',
+                'onBeforeDestroy',
+                'onBeforeHide',
+                'onBeforeShow',
+                'onCatchAll',
+                'onChange',
+                'onClear',
+                'onDestroy',
+                'onElementCreated',
+                'onFocusIn',
+                'onFocusOut',
+                'onHide',
+                'onInput',
+                'onPaint',
+                'onReadOnly',
+                'onRecompose',
+                'onResize',
+                'onSelect',
+                'onShow',
+                'onTrigger',
+                'picker',
+                'placeholder',
+                'readOnly',
+                'rendition',
+                'required',
+                'rtl',
+                'showRequiredIndicator',
+                'span',
+                'store',
+                'tooltip',
+                'triggers',
+                'value',
+                'width',
+                'x',
+                'y'
+            ],
+
+            propertyNames : [
+                'content',
+                'formula',
+                'html',
+                'input',
+                'parent',
+                'scrollable'
+            ],
+
+            eventNames : [
+                'action',
+                'beforeDestroy',
+                'beforeHide',
+                'beforeShow',
+                'catchAll',
+                'change',
+                'clear',
+                'destroy',
+                'elementCreated',
+                'focusIn',
+                'focusOut',
+                'hide',
+                'input',
+                'paint',
+                'readOnly',
+                'recompose',
+                'resize',
+                'select',
+                'show',
+                'trigger'
+            ]
+        };
+    },
+
+    /**
+     * Called after the instance has been mounted
+     */
+    mounted() {
+        const
+            me = this,
+            {
+                createWidget,
+                relayStores,
+                watchProps,
+                processCellContent,
+                processEventContent,
+                hasFrameworkRenderer
+            }  = WrapperHelper();
+
+        me.instance = createWidget({
+            me,
+            props     : me.$props,
+            data      : me.$data,
+            listeners : me.$listeners,
+            emit      : me.$emit.bind(me),
+            element   : me.$el
+        });
+
+        const watcher = me.$watch.bind(me);
+        watchProps(me, me.instance, me.$props, me.$data, watcher);
+    },
+
+    /**
+     * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
+     */
+    beforeDestroy() {
+        if (this.instance) {
+            this.instance.destroy();
+        }
+    }
+
+};
+
+</script>

package/src/BryntumButton.vue

@@ -36,7 +36,7 @@ export default {
         defaultBindProperty          : { type : String, default : undefined },
         detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
         dock                         : { type : [String, Object], default : undefined },
-        draggable                    : { type : [Boolean, Object], default : undefined },
+        draggable                    : { type : Boolean, default : undefined },
         elementAttributes            : { type : Object, default : undefined },
         floating                     : { type : Boolean, default : undefined },
         hideAnimation                : { type : [Boolean, Object], default : undefined },
@@ -48,11 +48,12 @@ export default {
         localizableProperties        : { type : Array, default : undefined },
         maskDefaults                 : { type : Object, default : undefined },
         masked                       : { type : [Boolean, String, Object], default : undefined },
-        monitorResize                : { type : [Boolean, Object], default : undefined },
+        monitorResize                : { type : Boolean, default : undefined },
         positioned                   : { type : Boolean, default : undefined },
         preventTooltipOnTouch        : { type : Boolean, default : undefined },
         relayStoreEvents             : { type : Boolean, default : undefined },
-        ripple                       : { type : [Boolean, Object], default : undefined },
+        ripple                       : { type : Boolean, default : undefined },
+        role                         : { type : String, default : undefined },
         rootElement                  : { type : [ShadowRoot, HTMLElement], default : undefined },
         scrollAction                 : { type : [String, null], default : undefined },
         showAnimation                : { type : [Boolean, Object], default : undefined },
@@ -118,9 +119,7 @@ export default {
         y                           : { type : Number, default : undefined },
 
         // Properties only
-        anchorSize   : { type : Array, default : undefined },
-        focusVisible : { type : Boolean, default : undefined },
-        parent       : { type : Widget, default : undefined },
+        parent : { type : Widget, default : undefined },
 
         // Events
         onAction         : { type : Function },
@@ -183,6 +182,7 @@ export default {
                 'preventTooltipOnTouch',
                 'relayStoreEvents',
                 'ripple',
+                'role',
                 'rootElement',
                 'scrollAction',
                 'showAnimation',
@@ -269,8 +269,6 @@ export default {
             ],
 
             propertyNames : [
-                'anchorSize',
-                'focusVisible',
                 'parent'
             ],