Socket
Socket
Sign inDemoInstall

quasar

Package Overview
Dependencies
Maintainers
1
Versions
391
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

quasar - npm Package Compare versions

Comparing version 1.0.0-beta.17 to 1.0.0-beta.18

src/components/popup-edit/popup-edit.styl

10

dist/api/QBtnDropdown.json

@@ -231,2 +231,12 @@ {

},
"disable-main-btn": {
"type": "Boolean",
"desc": "Disable main button (useful along with 'split' prop)",
"category": "behavior"
},
"disable-dropdown": {
"type": "Boolean",
"desc": "Disables dropdown (dropdown button if using along 'split' prop)",
"category": "behavior"
},
"content-style": {

@@ -233,0 +243,0 @@ "type": [

2

dist/api/QChip.json

@@ -88,3 +88,3 @@ {

"type": "Boolean",
"desc": "Removes border-radius so borders are squared",
"desc": "Sets a low value for border-radius instead of the default one, making it close to a square",
"category": "style"

@@ -91,0 +91,0 @@ },

@@ -175,2 +175,13 @@ {

"category": "state"
},
"maxlength": {
"type": [
"String",
"Number"
],
"desc": "Specify a max length of model",
"examples": [
"12"
],
"category": "model"
}

@@ -177,0 +188,0 @@ },

@@ -56,2 +56,23 @@ {

},
"content-class": {
"type": "String",
"desc": "Class definitions to be attributed to the content",
"examples": [
"my-special-class"
],
"category": "style"
},
"content-style": {
"type": [
"Array",
"String",
"Object"
],
"desc": "Style definitions to be attributed to the content",
"examples": [
"background-color: #ff0000",
":content-style=\"{ backgroundColor: '#ff0000' }\""
],
"category": "style"
},
"validate": {

@@ -58,0 +79,0 @@ "type": "Function",

@@ -321,2 +321,23 @@ {

},
"popup-content-class": {
"type": "String",
"desc": "Class definitions to be attributed to the popup content",
"examples": [
"my-special-class"
],
"category": "style"
},
"popup-content-style": {
"type": [
"Array",
"String",
"Object"
],
"desc": "Style definitions to be attributed to the popup content",
"examples": [
"background-color: #ff0000",
":content-style=\"{ backgroundColor: '#ff0000' }\""
],
"category": "style"
},
"use-input": {

@@ -420,8 +441,17 @@ "type": "Boolean",

"desc": "Override default selection slot; Suggestion: QChip"
},
"no-option": {
"desc": "What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>"
}
},
"scopedSlots": {
"no-option": {
"desc": "What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>",
"scope": {
"inputValue": {
"type": "String",
"desc": "Input textfield value, if any (not QSelect model)",
"examples": [
"typed something"
]
}
}
},
"selected-item": {

@@ -428,0 +458,0 @@ "desc": "Override default selection slot; Suggestion: QChip",

@@ -220,3 +220,3 @@ {

"examples": [
":rows-per-page=\"getPaginationLabel\""
":pagination-label=\"getPaginationLabel\""
],

@@ -223,0 +223,0 @@ "category": "pagination"

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu
* Released under the MIT License.
*/
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define(a):((e=e||self).Quasar=e.Quasar||{},e.Quasar.lang=e.Quasar.lang||{},e.Quasar.lang.sl=a())}(this,function(){"use strict";return{isoName:"sl",nativeName:"Slovenski Jezik",label:{clear:"Počisti",ok:"Vredu",cancel:"Prekliči",close:"Zapri",set:"Postavi",select:"Izberi",reset:"Obnovi",remove:"Odstrani",update:"Posodobi",create:"Ustvari",search:"Išči",filter:"Filtriraj",refresh:"Ponovno naloži"},date:{days:"Nedelja_Ponedeljek_Torek_Sreda_Četrtek_Petek_Sobota".split("_"),daysShort:"Ned_Pon_Tor_Sre_Čet_Pet_Sob".split("_"),months:"Januar_Februar_Marec_April_Maj_Junij_Julij_Avgust_September_Oktober_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Maj_Jun_Jul_Avg_Sep_Okt_Nov_Dec".split("_"),firstDayOfWeek:1,format24h:!0},table:{noData:"Ni dosegljivih podatkov",noResults:"Ne najdem ustreznic",loading:"Nalagam...",selectedRecords:function(e){return 1===e?"1 izbrana vrstica.":2===e?"2 izbrani vrstici.":(0===e?"Ni":e)+" izbranih vrstic."},recordsPerPage:"Vrstic na stran:",allRows:"Vse",pagination:function(e,a,r){return e+"-"+a+" od "+r},columns:"Stolpci"},editor:{url:"URL",bold:"Krepko",italic:"Ležeče",strikethrough:"Prečrtano",underline:"Podčrtaj",unorderedList:"Neoštevilčen seznam",orderedList:"Oštevilčen seznam",subscript:"Podpisano",superscript:"Nadpisano",hyperlink:"Hiper povezava",toggleFullscreen:"Preklopi celoten zaslon",quote:"Citat",left:"Poravnaj levo",center:"Poravnaj na sredino",right:"Poravnaj desno",justify:"Obojestranska poravnava",print:"Natisni",outdent:"Zmanjšaj zamik",indent:"Povečaj zamik",removeFormat:"Odstrani formatiranje",formatting:"Formatiranje",fontSize:"Velikost pisave",align:"Poravnava",hr:"Vstavi horizontalno pravilo",undo:"Razveljavi",redo:"Uveljavi",header1:"Naslov 1",header2:"Naslov 2",header3:"Naslov 3",header4:"Naslov 4",header5:"Naslov 5",header6:"Naslov 6",paragraph:"Odstavek",code:"Koda",size1:"Najmanjše",size2:"Manjše",size3:"Običajna velikost",size4:"Srednje veliko",size5:"Veliko",size6:"Večje",size7:"Največje",defaultFont:"Privzeta pisava"},tree:{noNodes:"Ni dosegljivih vozlišč",noResults:"Ne najdem ustreznih vozljišč"}}});
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define(a):((e=e||self).Quasar=e.Quasar||{},e.Quasar.lang=e.Quasar.lang||{},e.Quasar.lang.sl=a())}(this,function(){"use strict";return{isoName:"sl",nativeName:"Slovenski Jezik",label:{clear:"Počisti",ok:"Vredu",cancel:"Prekliči",close:"Zapri",set:"Postavi",select:"Izberi",reset:"Obnovi",remove:"Odstrani",update:"Posodobi",create:"Ustvari",search:"Išči",filter:"Filtriraj",refresh:"Ponovno naloži"},date:{days:"Nedelja_Ponedeljek_Torek_Sreda_Četrtek_Petek_Sobota".split("_"),daysShort:"Ned_Pon_Tor_Sre_Čet_Pet_Sob".split("_"),months:"Januar_Februar_Marec_April_Maj_Junij_Julij_Avgust_September_Oktober_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Maj_Jun_Jul_Avg_Sep_Okt_Nov_Dec".split("_"),firstDayOfWeek:1,format24h:!0},table:{noData:"Ni dosegljivih podatkov",noResults:"Ne najdem ustreznic",loading:"Nalagam...",selectedRecords:function(e){return 1===e?"1 izbrana vrstica.":2===e?"2 izbrani vrstici.":(0===e?"Ni":e)+" izbranih vrstic."},recordsPerPage:"Vrstic na stran:",allRows:"Vse",pagination:function(e,a,r){return e+"-"+a+" od "+r},columns:"Stolpci"},editor:{url:"URL",bold:"Krepko",italic:"Ležeče",strikethrough:"Prečrtano",underline:"Podčrtaj",unorderedList:"Neoštevilčen seznam",orderedList:"Oštevilčen seznam",subscript:"Podpisano",superscript:"Nadpisano",hyperlink:"Hiper povezava",toggleFullscreen:"Preklopi celoten zaslon",quote:"Citat",left:"Poravnaj levo",center:"Poravnaj na sredino",right:"Poravnaj desno",justify:"Obojestranska poravnava",print:"Natisni",outdent:"Zmanjšaj zamik",indent:"Povečaj zamik",removeFormat:"Odstrani formatiranje",formatting:"Formatiranje",fontSize:"Velikost pisave",align:"Poravnava",hr:"Vstavi horizontalno pravilo",undo:"Razveljavi",redo:"Uveljavi",header1:"Naslov 1",header2:"Naslov 2",header3:"Naslov 3",header4:"Naslov 4",header5:"Naslov 5",header6:"Naslov 6",paragraph:"Odstavek",code:"Koda",size1:"Najmanjše",size2:"Manjše",size3:"Običajna velikost",size4:"Srednje veliko",size5:"Veliko",size6:"Večje",size7:"Največje",defaultFont:"Privzeta pisava"},tree:{noNodes:"Ni dosegljivih vozlišč",noResults:"Ne najdem ustreznih vozlišč"}}});
/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

/*!
* Quasar Framework v1.0.0-beta.17
* Quasar Framework v1.0.0-beta.18
* (c) 2016-present Razvan Stoenescu

@@ -4,0 +4,0 @@ * Released under the MIT License.

@@ -312,2 +312,4 @@ import Vue, { VueConstructor } from 'vue'

split? : boolean
disableMainBtn? : boolean
disableDropdown? : boolean
contentStyle? : any[] | string | any

@@ -689,2 +691,3 @@ contentClass? : any[] | string | any

readonly? : boolean
maxlength? : string | number
resetValidation(): void

@@ -996,2 +999,4 @@ validate(value? : any): void

color? : string
contentClass? : string
contentStyle? : any[] | string | any
validate? : Function

@@ -1158,2 +1163,4 @@ disable? : boolean

optionsSanitize? : boolean
popupContentClass? : string
popupContentStyle? : any[] | string | any
useInput? : boolean

@@ -1160,0 +1167,0 @@ useChips? : boolean

@@ -160,3 +160,5 @@ {

"menu-anchor",
"menu-self"
"menu-self",
"disable-main-btn",
"disable-dropdown"
],

@@ -473,3 +475,5 @@ "description": ""

"disable",
"readonly"
"readonly",
"maxlength",
"max-values"
],

@@ -562,2 +566,4 @@ "description": ""

"readonly",
"maxlength",
"max-values",
"mask",

@@ -568,3 +574,2 @@ "fill-mask",

"debounce",
"maxlength",
"autogrow",

@@ -856,2 +861,4 @@ "autofocus",

"validate",
"content-class",
"content-style",
"disable"

@@ -984,2 +991,4 @@ ],

"readonly",
"maxlength",
"max-values",
"multiple",

@@ -995,3 +1004,2 @@ "display-value",

"hide-dropdown-icon",
"max-values",
"options-dense",

@@ -1002,2 +1010,4 @@ "options-dark",

"options-sanitize",
"popup-content-class",
"popup-content-style",
"use-input",

@@ -1004,0 +1014,0 @@ "use-chips",

@@ -89,4 +89,4 @@ export default {

noNodes: 'Ni dosegljivih vozlišč',
noResults: 'Ne najdem ustreznih vozljišč'
noResults: 'Ne najdem ustreznih vozlišč'
}
}
{
"name": "quasar",
"version": "1.0.0-beta.17",
"version": "1.0.0-beta.18",
"description": "High performance, Material Design 2, full front end stack with Vue.js -- build SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase",

@@ -5,0 +5,0 @@ "module": "src/index.esm.js",

@@ -30,18 +30,10 @@ import { setBrand } from './utils/colors.js'

) {
const
ratio = window.devicePixelRatio || 1,
width = window.screen.width * ratio,
height = window.screen.height * ratio
if (width === 1125 && height === 2436) { // iPhoneX fullscreen
cls.push('q-ios-statusbar-x')
}
if (width !== 1125 || height !== 2001) { // not iPhoneX on non-fullscreen
cls.push('q-ios-statusbar-padding')
}
cls.push('q-ios-padding')
}
}
else if (is.electron === true) {
cls.push('electron')
}
within.iframe === true && cls.push('within-iframe')
is.electron === true && cls.push('electron')

@@ -48,0 +40,0 @@ return cls

@@ -34,6 +34,11 @@ import Vue from 'vue'

// prevent the new submit (already done)
if (this.type === 'submit' && this.$el.contains(document.activeElement) === false) {
stopAndPrevent(e)
this.$el.focus()
return
if (this.type === 'submit') {
if (
(document.activeElement !== document.body && this.$el.contains(document.activeElement) === false) ||
(this.$q.platform.is.ie === true && e.clientX < 0)
) {
stopAndPrevent(e)
this.$el.focus()
return
}
}

@@ -40,0 +45,0 @@

@@ -34,3 +34,6 @@ import Vue from 'vue'

default: 'top right'
}
},
disableMainBtn: Boolean,
disableDropdown: Boolean
},

@@ -61,8 +64,9 @@

}
}),
})
]
this.disableDropdown !== true && Arrow.push(
h(QMenu, {
ref: 'menu',
props: {
disable: this.disable,
cover: this.cover,

@@ -96,23 +100,36 @@ fit: true,

}, slot(this, 'default'))
]
)
if (this.split === false) {
return h(QBtn, {
class: 'q-btn-dropdown q-btn-dropdown--simple',
props: {
...this.$props,
disable: this.disable === true || this.disableMainBtn === true,
noWrap: true
},
on: {
click: e => {
this.$emit('click', e)
}
}
}, Arrow)
}
const Btn = h(QBtn, {
class: `q-btn-dropdown${this.split === true ? '--current' : ' q-btn-dropdown--simple'}`,
class: 'q-btn-dropdown--current',
props: {
...this.$props,
disable: this.disable === true || this.disableMainBtn === true,
noWrap: true,
iconRight: this.split === true ? this.iconRight : null
iconRight: this.iconRight
},
on: {
click: e => {
this.split === true && this.hide()
this.disable !== true && this.$emit('click', e)
this.hide()
this.$emit('click', e)
}
}
}, this.split !== true ? Arrow : null)
})
if (this.split === false) {
return Btn
}
return h(QBtnGroup, {

@@ -135,3 +152,3 @@ props: {

props: {
disable: this.disable,
disable: this.disable === true || this.disableDropdown === true,
outline: this.outline,

@@ -138,0 +155,0 @@ flat: this.flat,

@@ -17,2 +17,14 @@ {

"disable-main-btn": {
"type": "Boolean",
"desc": "Disable main button (useful along with 'split' prop)",
"category": "behavior"
},
"disable-dropdown": {
"type": "Boolean",
"desc": "Disables dropdown (dropdown button if using along 'split' prop)",
"category": "behavior"
},
"content-style": {

@@ -19,0 +31,0 @@ "type": [ "Array", "String", "Object" ],

@@ -47,3 +47,4 @@ {

"square": {
"extends": "square"
"extends": "square",
"desc": "Sets a low value for border-radius instead of the default one, making it close to a square"
},

@@ -50,0 +51,0 @@

@@ -104,2 +104,9 @@ import Vue from 'vue'

this.showing === true && this.__preventScroll(!v)
},
useBackdrop (v) {
if (this.$q.platform.is.desktop === true) {
const action = `${v === true ? 'add' : 'remove'}EventListener`
document.body[action]('focusin', this.__onFocusChange)
}
}

@@ -123,2 +130,6 @@ },

)
},
useBackdrop () {
return this.showing === true && this.seamless !== true
}

@@ -181,2 +192,6 @@ },

if (this.$q.platform.is.desktop === true && this.useBackdrop === true) {
document.body.addEventListener('focusin', this.__onFocusChange)
}
this.__showPortal()

@@ -206,2 +221,6 @@

if (this.$q.platform.is.desktop === true && this.useBackdrop === true) {
document.body.removeEventListener('focusin', this.__onFocusChange)
}
if (hiding === true || this.showing === true) {

@@ -245,2 +264,14 @@ EscapeKey.pop(this)

__onFocusChange (e) {
if (
this.__portal !== void 0 &&
this.__portal.$el !== void 0 &&
// we don't have another portal opened:
this.__portal.$el.nextElementSibling === null &&
this.__portal.$el.contains(e.target) !== true
) {
this.__portal.$refs.inner.focus()
}
},
__render (h) {

@@ -264,3 +295,3 @@ const on = {

props: { name: 'q-transition--fade' }
}, this.showing && this.seamless !== true ? [
}, this.useBackdrop === true ? [
h('div', {

@@ -267,0 +298,0 @@ staticClass: 'q-dialog__backdrop fixed-full',

@@ -49,3 +49,6 @@ import Vue from 'vue'

disable: Boolean,
readonly: Boolean
readonly: Boolean,
maxlength: [Number, String],
maxValues: [Number, String] // do not add to JSON, internally needed by QSelect
},

@@ -80,4 +83,6 @@

? ('' + this.value).length
: 0
return len + (this.maxlength !== void 0 ? ' / ' + this.maxlength : '')
: (Array.isArray(this.value) === true ? this.value.length : 0)
const max = this.maxlength !== void 0 ? this.maxlength : this.maxValues
return len + (max !== void 0 ? ' / ' + max : '')
}

@@ -84,0 +89,0 @@ },

{
"mixins": [ "components/field/__QField" ],
"props": {
"maxlength": {
"type": [ "String", "Number" ],
"desc": "Specify a max length of model",
"examples": [ "12" ],
"category": "model"
}
},
"slots": {

@@ -5,0 +14,0 @@ "control": {

@@ -15,3 +15,3 @@ import Vue from 'vue'

props: {
value: { required: true },
value: [String, Number],

@@ -85,2 +85,7 @@ type: {

__onInput (e) {
if (this.type === 'file') {
this.$emit('input', e.target.files)
return
}
const val = e.target.value

@@ -162,7 +167,9 @@

on,
domProps: {
value: this.hasOwnProperty('tempValue') === true
? this.tempValue
: this.innerValue
}
domProps: this.type !== 'file'
? {
value: this.hasOwnProperty('tempValue') === true
? this.tempValue
: this.innerValue
}
: null
})

@@ -169,0 +176,0 @@ }

@@ -73,3 +73,7 @@ import Vue from 'vue'

if (this.value !== void 0 && this.value !== showing) {
this.$emit('input', showing)
// setTimeout needed otherwise
// it breaks Vue state
setTimeout(() => {
this.$emit('input', showing)
})
}

@@ -76,0 +80,0 @@

@@ -7,2 +7,3 @@ import Vue from 'vue'

import slot from '../../utils/slot.js'
import { stop } from '../../utils/event.js'

@@ -130,2 +131,15 @@ export default Vue.extend({

render (h) {
const child = [
h(QResizeObserver, {
props: { debounce: 0 },
on: { resize: this.__onResize }
})
]
this.elevated === true && child.push(
h('div', {
staticClass: 'q-layout__shadow absolute-full overflow-hidden no-pointer-events'
})
)
return h('footer', {

@@ -135,15 +149,7 @@ staticClass: 'q-footer q-layout__section--marginal q-layout__section--animate',

style: this.style,
on: this.$listeners
}, [
h(QResizeObserver, {
props: { debounce: 0 },
on: { resize: this.__onResize }
}),
this.elevated === true
? h('div', {
staticClass: 'q-layout__shadow absolute-full overflow-hidden no-pointer-events'
})
: null
].concat(slot(this, 'default')))
on: {
...this.$listeners,
input: stop
}
}, child.concat(slot(this, 'default')))
},

@@ -150,0 +156,0 @@

@@ -6,2 +6,3 @@ import Vue from 'vue'

import slot from '../../utils/slot.js'
import { stop } from '../../utils/event.js'

@@ -117,2 +118,17 @@ export default Vue.extend({

render (h) {
const child = [
h(QResizeObserver, {
props: { debounce: 0 },
on: { resize: this.__onResize }
})
].concat(
slot(this, 'default')
)
this.elevated === true && child.push(
h('div', {
staticClass: 'q-layout__shadow absolute-full overflow-hidden no-pointer-events'
})
)
return h('header', {

@@ -122,15 +138,7 @@ staticClass: 'q-header q-layout__section--marginal q-layout__section--animate',

style: this.style,
on: this.$listeners
}, [
h(QResizeObserver, {
props: { debounce: 0 },
on: { resize: this.__onResize }
}),
this.elevated === true
? h('div', {
staticClass: 'q-layout__shadow absolute-full overflow-hidden no-pointer-events'
})
: null
].concat(slot(this, 'default')))
on: {
...this.$listeners,
input: stop
}
}, child)
},

@@ -137,0 +145,0 @@

@@ -98,3 +98,6 @@ import Vue from 'vue'

render (h) {
const layout = h('div', { staticClass: 'q-layout' }, [
const layout = h('div', {
staticClass: 'q-layout q-layout--' +
(this.container === true ? 'containerized' : 'standard')
}, [
h(QScrollObserver, {

@@ -105,5 +108,6 @@ on: { scroll: this.__onPageScroll }

on: { resize: this.__onPageResize }
}),
})
].concat(
slot(this, 'default')
])
))

@@ -110,0 +114,0 @@ return this.container === true

@@ -32,2 +32,5 @@ import Vue from 'vue'

contentClass: String,
contentStyle: [String, Array, Object],
disable: Boolean

@@ -42,2 +45,9 @@ },

computed: {
classes () {
return 'q-popup-edit' +
(this.contentClass ? ' ' + this.contentClass : '')
}
},
methods: {

@@ -89,3 +99,3 @@ set () {

this.buttons === true && child.push(
h('div', { staticClass: 'row justify-center no-wrap q-mt-sm' }, [
h('div', { staticClass: 'q-popup-edit__buttons row justify-center no-wrap' }, [
h(QBtn, {

@@ -100,3 +110,2 @@ props: {

h(QBtn, {
staticClass: 'q-ml-sm',
props: {

@@ -122,3 +131,4 @@ flat: true,

props: {
contentClass: 'q-popup-edit q-py-sm q-px-md',
contentClass: this.classes,
contentStyle: this.contentStyle,
cover: true,

@@ -125,0 +135,0 @@ persistent: this.persistent

@@ -48,2 +48,21 @@ {

"content-class": {
"type": "String",
"desc": "Class definitions to be attributed to the content",
"examples": [
"my-special-class"
],
"category": "style"
},
"content-style": {
"type": [ "Array", "String", "Object" ],
"desc": "Style definitions to be attributed to the content",
"examples": [
"background-color: #ff0000",
":content-style=\"{ backgroundColor: '#ff0000' }\""
],
"category": "style"
},
"validate": {

@@ -50,0 +69,0 @@ "type": "Function",

@@ -15,4 +15,2 @@ import Vue from 'vue'

props: {
value: Boolean,
breakpoint: {

@@ -25,11 +23,33 @@ type: [String, Number],

data () {
const breakpoint = parseInt(this.breakpoint, 10)
return {
showing: false,
type: null
type: this.$q.screen.width < breakpoint || this.$q.screen.height < breakpoint
? 'dialog'
: 'menu'
}
},
computed: {
parsedBreakpoint () {
return parseInt(this.breakpoint, 10)
}
},
watch: {
value (val) {
val !== this.showing && this[val ? 'show' : 'hide']()
'$q.screen.width' (width) {
if (this.$refs.popup.showing !== true) {
this.__updateType(width, this.$q.screen.height, this.parsedBreakpoint)
}
},
'$q.screen.height' (height) {
if (this.$refs.popup.showing !== true) {
this.__updateType(this.$q.screen.width, height, this.parsedBreakpoint)
}
},
breakpoint (breakpoint) {
if (this.$refs.popup.showing !== true) {
this.__updateType(this.$q.screen.width, this.$q.screen.height, parseInt(breakpoint, 10))
}
}

@@ -40,35 +60,26 @@ },

toggle (evt) {
this[this.showing === true ? 'hide' : 'show'](evt)
this.$refs.popup.toggle(evt)
},
show (evt) {
if (
this.showing === true ||
(this.__showCondition !== void 0 && this.__showCondition(evt) !== true)
) {
return
}
this.$refs.popup.show(evt)
},
const breakpoint = parseInt(this.breakpoint, 10)
hide (evt) {
this.$refs.popup.hide(evt)
},
this.showing = true
this.$emit('input', true)
__onHide (evt) {
this.__updateType(this.$q.screen.width, this.$q.screen.height, this.parsedBreakpoint)
this.$emit('hide', evt)
},
this.type = this.$q.screen.width < breakpoint || this.$q.screen.height < breakpoint
__updateType (width, height, breakpoint) {
const type = width < breakpoint || height < breakpoint
? 'dialog'
: 'menu'
},
hide () {
if (this.showing !== false) {
this.showing = false
this.$emit('input', false)
if (this.type !== type) {
this.type = type
}
},
__hide (evt) {
this.showing = false
this.$emit('input', false)
this.$listeners.hide !== void 0 && this.$emit('hide', evt)
}

@@ -78,6 +89,2 @@ },

render (h) {
if (this.type === null) {
return
}
const child = slot(this, 'default')

@@ -98,8 +105,7 @@

const data = {
props: Object.assign(props, this.$attrs, {
value: this.showing
}),
ref: 'popup',
props: Object.assign(props, this.$attrs),
on: {
...this.$listeners,
hide: this.__hide
hide: this.__onHide
}

@@ -115,2 +121,3 @@ }

component = QMenu
data.props.contextMenu = this.contextMenu
data.props.noParentEvent = true

@@ -117,0 +124,0 @@ }

@@ -113,3 +113,3 @@ import Vue from 'vue'

const distance = Math.max(0, event.distance.y)
const distance = Math.min(140, Math.max(0, event.distance.y))
this.pullPosition = distance - PULLER_HEIGHT

@@ -116,0 +116,0 @@ this.pullRatio = between(distance / (OFFSET_TOP + PULLER_HEIGHT), 0, 1)

@@ -14,3 +14,2 @@ import Vue from 'vue'

import slot from '../../utils/slot.js'
import { isDeepEqual } from '../../utils/is.js'

@@ -58,2 +57,5 @@ import { stop, prevent, stopAndPrevent } from '../../utils/event.js'

popupContentClass: String,
popupContentStyle: [String, Array, Object],
useInput: Boolean,

@@ -122,2 +124,7 @@ useChips: Boolean,

menuClass () {
return (this.optionsDark === true ? 'q-select__menu--dark' : '') +
(this.popupContentClass ? ' ' + this.popupContentClass : '')
},
innerValue () {

@@ -172,9 +179,2 @@ const

computedCounter () {
if (this.multiple === true && this.counter === true) {
return (this.value !== void 0 && this.value !== null ? this.value.length : '0') +
(this.maxValues !== void 0 ? ' / ' + this.maxValues : '')
}
},
optionScope () {

@@ -634,15 +634,17 @@ return this.options.slice(0, this.optionsToShow).map((opt, i) => {

__getOptions (h) {
const fn = this.$scopedSlots.option || (scope => h(QItem, {
key: scope.index,
props: scope.itemProps,
on: scope.itemEvents
}, [
h(QItemSection, [
h(QItemLabel, {
domProps: {
[scope.sanitize === true ? 'textContent' : 'innerHTML']: this.__getOptionLabel(scope.opt)
}
})
const fn = this.$scopedSlots.option !== void 0
? this.$scopedSlots.option
: scope => h(QItem, {
key: scope.index,
props: scope.itemProps,
on: scope.itemEvents
}, [
h(QItemSection, [
h(QItemLabel, {
domProps: {
[scope.sanitize === true ? 'textContent' : 'innerHTML']: this.__getOptionLabel(scope.opt)
}
})
])
])
]))

@@ -743,5 +745,14 @@ return this.optionScope.map(fn)

__getControlEvents () {
return this.hasDialog === true
? {
click: e => {
return {
focus: e => {
this.hasDialog !== true && this.focus(e)
},
focusin: e => {
this.hasDialog !== true && this.__onControlFocusin(e)
},
focusout: e => {
this.hasDialog !== true && this.__onControlFocusout(e)
},
click: e => {
if (this.hasDialog === true) {
this.focused = true

@@ -751,29 +762,16 @@ this.dialog = true

this.$emit('focus', e)
}
else if (this.menu === true) {
this.__closeMenu()
return
}
if (this.$listeners.filter !== void 0) {
this.filter(this.inputValue)
}
else if (this.noOptions !== true || this.$scopedSlots['no-option'] !== void 0) {
this.menu = true
}
if (this.$listeners.filter !== void 0) {
this.filter(this.inputValue)
}
else if (this.noOptions !== true || this.$scopedSlots['no-option'] !== void 0) {
this.menu = true
}
}
: {
focus: this.focus,
click: () => {
if (this.menu === true) {
this.__closeMenu()
}
else {
if (this.$listeners.filter !== void 0) {
this.filter(this.inputValue)
}
else if (this.noOptions !== true || this.$scopedSlots['no-option'] !== void 0) {
this.menu = true
}
}
},
focusin: this.__onControlFocusin,
focusout: this.__onControlFocusout
}
}
},

@@ -844,2 +842,10 @@

__getMenu (h) {
const child = this.noOptions === true
? (
this.$scopedSlots['no-option'] !== void 0
? this.$scopedSlots['no-option']({ inputValue: this.inputValue })
: null
)
: this.__getOptions(h)
return h(QMenu, {

@@ -851,2 +857,4 @@ ref: 'menu',

cover: this.optionsCover === true && this.noOptions !== true && this.useInput !== true,
contentClass: this.menuClass,
contentStyle: this.popupContentStyle,
noParentEvent: true,

@@ -871,3 +879,3 @@ noRefocus: true,

}
}, this.noOptions === true ? slot(this, 'no-option') : this.__getOptions(h))
}, child)
},

@@ -903,3 +911,5 @@

ref: 'menuContent',
staticClass: 'scroll' + (this.optionsDark === true ? ' q-select__menu--dark' : ''),
staticClass: 'scroll',
class: this.popupContentClass,
style: this.popupContentStyle,
on: {

@@ -909,3 +919,11 @@ click: prevent,

}
}, this.noOptions === true ? slot(this, 'no-option') : this.__getOptions(h))
}, (
this.noOptions === true
? (
this.$scopedSlots['no-option'] !== void 0
? this.$scopedSlots['no-option']({ inputValue: this.inputValue })
: null
)
: this.__getOptions(h)
))
)

@@ -977,3 +995,3 @@

this.useInput === true
? this.$listeners.filter !== void 0
? this.$scopedSlots['no-option'] !== void 0 || this.$listeners.filter !== void 0
: true

@@ -980,0 +998,0 @@ )

@@ -130,2 +130,21 @@ {

"popup-content-class": {
"type": "String",
"desc": "Class definitions to be attributed to the popup content",
"examples": [
"my-special-class"
],
"category": "style"
},
"popup-content-style": {
"type": [ "Array", "String", "Object" ],
"desc": "Style definitions to be attributed to the popup content",
"examples": [
"background-color: #ff0000",
":content-style=\"{ backgroundColor: '#ff0000' }\""
],
"category": "style"
},
"use-input": {

@@ -196,6 +215,2 @@ "type": "Boolean",

"no-option": {
"desc": "What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>"
},
"loading": {

@@ -207,2 +222,13 @@ "desc": "Override default spinner when component is in loading mode; Suggestion: spinners"

"scopedSlots": {
"no-option": {
"desc": "What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>",
"scope": {
"inputValue": {
"type": "String",
"desc": "Input textfield value, if any (not QSelect model)",
"examples": [ "typed something" ]
}
}
},
"selected-item": {

@@ -209,0 +235,0 @@ "desc": "Override default selection slot; Suggestion: QChip",

@@ -183,3 +183,3 @@ {

},
"examples": [ ":rows-per-page=\"getPaginationLabel\"" ],
"examples": [ ":pagination-label=\"getPaginationLabel\"" ],
"category": "pagination"

@@ -186,0 +186,0 @@ },

@@ -79,4 +79,7 @@ import Vue from 'vue'

if (config.actions) {
notif.actions = config.actions.map(item => {
const actions =
(config.actions || []).concat(defaults.actions || [])
if (actions.length > 0) {
notif.actions = actions.map(item => {
const

@@ -83,0 +86,0 @@ handler = item.handler,

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc