fomantic-ui 2.10.0-beta.4 → 2.10.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +1 -1
- package/dist/components/dropdown.js +48 -58
- package/dist/components/dropdown.min.css +1 -1
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +26 -8
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +1 -1
- package/dist/components/flyout.js +13 -18
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +1 -1
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +1 -1
- package/dist/components/input.min.css +1 -1
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +1 -1
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +13 -18
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +5 -7
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +23 -5
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +28 -31
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/table.min.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +14 -19
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +53 -53
- package/dist/semantic.js +188 -182
- package/dist/semantic.min.css +1 -1
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -2
- package/src/definitions/modules/dropdown.js +47 -57
- package/src/definitions/modules/embed.js +25 -7
- package/src/definitions/modules/flyout.js +12 -17
- package/src/definitions/modules/modal.js +12 -17
- package/src/definitions/modules/popup.js +4 -6
- package/src/definitions/modules/rating.js +22 -4
- package/src/definitions/modules/search.js +27 -30
- package/src/definitions/modules/toast.js +13 -18
- package/tasks/config/defaults.js +0 -1
- package/tasks/config/project/install.js +5 -8
- package/tasks/install.js +10 -11
- package/types/fomantic-ui-dropdown.d.ts +44 -0
- package/types/fomantic-ui-embed.d.ts +1 -1
- package/types/fomantic-ui-search.d.ts +6 -6
package/dist/components/ad.css
CHANGED
package/dist/components/api.js
CHANGED
package/dist/components/card.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.10.0-beta.
|
2
|
+
* # Fomantic-UI 2.10.0-beta.6+42a411a - Dropdown
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -114,11 +114,6 @@
|
|
114
114
|
if (module.is.alreadySetup()) {
|
115
115
|
module.setup.reference();
|
116
116
|
} else {
|
117
|
-
if (settings.ignoreDiacritics && !String.prototype.normalize) {
|
118
|
-
settings.ignoreDiacritics = false;
|
119
|
-
module.error(error.noNormalize, element);
|
120
|
-
}
|
121
|
-
|
122
117
|
module.create.id();
|
123
118
|
module.setup.layout();
|
124
119
|
|
@@ -416,7 +411,7 @@
|
|
416
411
|
.attr('class', $input.attr('class'))
|
417
412
|
.addClass(className.selection)
|
418
413
|
.addClass(className.dropdown)
|
419
|
-
.html(templates.dropdown(selectValues,
|
414
|
+
.html(templates.dropdown(selectValues, settings))
|
420
415
|
.insertBefore($input)
|
421
416
|
;
|
422
417
|
if ($input.hasClass(className.multiple) && $input.prop('multiple') === false) {
|
@@ -446,7 +441,7 @@
|
|
446
441
|
module.refresh();
|
447
442
|
},
|
448
443
|
menu: function (values) {
|
449
|
-
$menu.html(templates.menu(values,
|
444
|
+
$menu.html(templates.menu(values, settings));
|
450
445
|
$item = $menu.find(selector.item);
|
451
446
|
$divider = settings.hideDividers ? $item.parent().children(selector.divider) : $();
|
452
447
|
},
|
@@ -1110,10 +1105,10 @@
|
|
1110
1105
|
$input.append('<option disabled selected value></option>');
|
1111
1106
|
$.each(values, function (index, item) {
|
1112
1107
|
var
|
1113
|
-
value = settings.templates.
|
1108
|
+
value = settings.templates.escape(item[fields.value]),
|
1114
1109
|
name = settings.templates.escape(
|
1115
1110
|
item[fields.name] || '',
|
1116
|
-
settings
|
1111
|
+
settings
|
1117
1112
|
)
|
1118
1113
|
;
|
1119
1114
|
$input.append('<option value="' + value + '"' + (item.selected === true ? ' selected' : '') + '>' + name + '</option>');
|
@@ -2902,7 +2897,7 @@
|
|
2902
2897
|
$label = $('<a />')
|
2903
2898
|
.addClass(className.label)
|
2904
2899
|
.attr('data-' + metadata.value, escapedValue)
|
2905
|
-
.html(templates.label(escapedValue, text, settings
|
2900
|
+
.html(templates.label(escapedValue, text, settings))
|
2906
2901
|
;
|
2907
2902
|
$label = settings.onLabelCreate.call($label, escapedValue, text);
|
2908
2903
|
|
@@ -3841,14 +3836,13 @@
|
|
3841
3836
|
htmlEntities: function (string, forceAmpersand) {
|
3842
3837
|
forceAmpersand = typeof forceAmpersand === 'number' ? false : forceAmpersand;
|
3843
3838
|
var
|
3844
|
-
badChars = /["'
|
3845
|
-
shouldEscape = /["&'
|
3839
|
+
badChars = /["'<>]/g,
|
3840
|
+
shouldEscape = /["&'<>]/,
|
3846
3841
|
escape = {
|
3847
3842
|
'<': '<',
|
3848
3843
|
'>': '>',
|
3849
3844
|
'"': '"',
|
3850
|
-
"'": '
|
3851
|
-
'`': '`',
|
3845
|
+
"'": ''',
|
3852
3846
|
},
|
3853
3847
|
escapedChar = function (chr) {
|
3854
3848
|
return escape[chr];
|
@@ -4152,7 +4146,6 @@
|
|
4152
4146
|
noAPI: 'The API module is required to load resources remotely',
|
4153
4147
|
noStorage: 'Saving remote data requires session storage',
|
4154
4148
|
noElement: 'This module requires ui {element}',
|
4155
|
-
noNormalize: '"ignoreDiacritics" setting will be ignored. Browser does not support String().normalize(). You may consider including <https://cdn.jsdelivr.net/npm/unorm@1.4.1/lib/unorm.min.js> as a polyfill.',
|
4156
4149
|
},
|
4157
4150
|
|
4158
4151
|
regExp: {
|
@@ -4266,22 +4259,18 @@
|
|
4266
4259
|
|
4267
4260
|
/* Templates */
|
4268
4261
|
$.fn.dropdown.settings.templates = {
|
4269
|
-
|
4270
|
-
|
4271
|
-
},
|
4272
|
-
escape: function (string, preserveHTML) {
|
4273
|
-
if (preserveHTML) {
|
4262
|
+
escape: function (string, settings) {
|
4263
|
+
if (settings !== undefined && settings.preserveHTML) {
|
4274
4264
|
return string;
|
4275
4265
|
}
|
4276
4266
|
var
|
4277
|
-
badChars = /["'
|
4278
|
-
shouldEscape = /["&'
|
4267
|
+
badChars = /["'<>]/g,
|
4268
|
+
shouldEscape = /["&'<>]/,
|
4279
4269
|
escape = {
|
4280
4270
|
'<': '<',
|
4281
4271
|
'>': '>',
|
4282
4272
|
'"': '"',
|
4283
|
-
"'": '
|
4284
|
-
'`': '`',
|
4273
|
+
"'": ''',
|
4285
4274
|
},
|
4286
4275
|
escapedChar = function (chr) {
|
4287
4276
|
return escape[chr];
|
@@ -4295,31 +4284,32 @@
|
|
4295
4284
|
return string;
|
4296
4285
|
},
|
4297
4286
|
// generates dropdown from select values
|
4298
|
-
dropdown: function (select,
|
4287
|
+
dropdown: function (select, settings) {
|
4299
4288
|
var
|
4300
4289
|
placeholder = select.placeholder || false,
|
4301
|
-
html
|
4302
|
-
|
4303
|
-
|
4290
|
+
html = '',
|
4291
|
+
className = settings.className,
|
4292
|
+
escape = settings.templates.escape
|
4304
4293
|
;
|
4305
4294
|
html += '<i class="dropdown icon"></i>';
|
4306
4295
|
html += placeholder
|
4307
|
-
? '<div class="default text">' + escape(placeholder,
|
4296
|
+
? '<div class="default text">' + escape(placeholder, settings) + '</div>'
|
4308
4297
|
: '<div class="text"></div>';
|
4309
|
-
html += '<div class="' +
|
4310
|
-
html +=
|
4298
|
+
html += '<div class="' + escape(className.menu) + '">';
|
4299
|
+
html += settings.templates.menu(select, settings);
|
4311
4300
|
html += '</div>';
|
4312
4301
|
|
4313
4302
|
return html;
|
4314
4303
|
},
|
4315
4304
|
|
4316
4305
|
// generates just menu from select
|
4317
|
-
menu: function (response,
|
4306
|
+
menu: function (response, settings) {
|
4318
4307
|
var
|
4308
|
+
fields = settings.fields,
|
4319
4309
|
values = response[fields.values] || [],
|
4320
|
-
html
|
4321
|
-
|
4322
|
-
|
4310
|
+
html = '',
|
4311
|
+
className = settings.className,
|
4312
|
+
escape = settings.templates.escape
|
4323
4313
|
;
|
4324
4314
|
$.each(values, function (index, option) {
|
4325
4315
|
var
|
@@ -4335,14 +4325,14 @@
|
|
4335
4325
|
for (dataKey in dataObject) {
|
4336
4326
|
dataKeyEscaped = String(dataKey).replace(/\W/g, '');
|
4337
4327
|
if (Object.prototype.hasOwnProperty.call(dataObject, dataKey) && ['text', 'value'].indexOf(dataKeyEscaped.toLowerCase()) === -1) {
|
4338
|
-
maybeData += ' data-' + dataKeyEscaped + '="' +
|
4328
|
+
maybeData += ' data-' + dataKeyEscaped + '="' + escape(String(dataObject[dataKey])) + '"';
|
4339
4329
|
}
|
4340
4330
|
}
|
4341
4331
|
}
|
4342
4332
|
if (itemType === 'item' || isMenu) {
|
4343
4333
|
var
|
4344
4334
|
maybeText = option[fields.text]
|
4345
|
-
? ' data-text="' +
|
4335
|
+
? ' data-text="' + escape(option[fields.text]) + '"'
|
4346
4336
|
: '',
|
4347
4337
|
maybeActionable = option[fields.actionable]
|
4348
4338
|
? className.actionable + ' '
|
@@ -4353,30 +4343,30 @@
|
|
4353
4343
|
maybeDescriptionVertical = option[fields.descriptionVertical]
|
4354
4344
|
? className.descriptionVertical + ' '
|
4355
4345
|
: '',
|
4356
|
-
hasDescription = escape(option[fields.description] || '',
|
4346
|
+
hasDescription = escape(option[fields.description] || '', settings) !== ''
|
4357
4347
|
;
|
4358
|
-
html += '<div class="' +
|
4348
|
+
html += '<div class="' + escape(maybeActionable + maybeDisabled + maybeDescriptionVertical + (option[fields.class] || className.item)) + '" data-value="' + escape(option[fields.value]) + '"' + maybeText + maybeData + '>';
|
4359
4349
|
if (isMenu) {
|
4360
4350
|
html += '<i class="' + (itemType.indexOf('left') !== -1 ? 'left' : '') + ' dropdown icon"></i>';
|
4361
4351
|
}
|
4362
4352
|
if (option[fields.image]) {
|
4363
|
-
html += '<img class="' +
|
4353
|
+
html += '<img class="' + escape(option[fields.imageClass] || className.image) + '" src="' + escape(option[fields.image]) + '"' + (option[fields.alt] ? ' alt="' + escape(option[fields.alt]) + '"' : '') + '>';
|
4364
4354
|
}
|
4365
4355
|
if (option[fields.icon]) {
|
4366
|
-
html += '<i class="' +
|
4356
|
+
html += '<i class="' + escape(option[fields.icon] + ' ' + (option[fields.iconClass] || className.icon)) + '"></i>';
|
4367
4357
|
}
|
4368
4358
|
if (hasDescription) {
|
4369
|
-
html += '<span class="' +
|
4370
|
-
html += !isMenu ? '<span class="' +
|
4359
|
+
html += '<span class="' + escape(className.description) + '">' + escape(option[fields.description] || '', settings) + '</span>';
|
4360
|
+
html += !isMenu ? '<span class="' + escape(className.text) + '">' : '';
|
4371
4361
|
}
|
4372
4362
|
if (isMenu) {
|
4373
|
-
html += '<span class="' +
|
4363
|
+
html += '<span class="' + escape(className.text) + '">';
|
4374
4364
|
}
|
4375
|
-
html += escape(option[fields.name] || '',
|
4365
|
+
html += escape(option[fields.name] || '', settings);
|
4376
4366
|
if (isMenu) {
|
4377
4367
|
html += '</span>';
|
4378
|
-
html += '<div class="' +
|
4379
|
-
html +=
|
4368
|
+
html += '<div class="' + escape(itemType) + '">';
|
4369
|
+
html += settings.templates.menu(option, settings);
|
4380
4370
|
html += '</div>';
|
4381
4371
|
} else if (hasDescription) {
|
4382
4372
|
html += '</span>';
|
@@ -4384,19 +4374,19 @@
|
|
4384
4374
|
html += '</div>';
|
4385
4375
|
} else if (itemType === 'header') {
|
4386
4376
|
var
|
4387
|
-
groupName =
|
4388
|
-
groupIcon =
|
4377
|
+
groupName = option[fields.name] || '',
|
4378
|
+
groupIcon = option[fields.icon] || className.groupIcon
|
4389
4379
|
;
|
4390
4380
|
if (groupName !== '' || groupIcon !== '') {
|
4391
|
-
html += '<div class="' +
|
4381
|
+
html += '<div class="' + escape(option[fields.class] || className.header) + '">';
|
4392
4382
|
if (groupIcon !== '') {
|
4393
|
-
html += '<i class="' +
|
4383
|
+
html += '<i class="' + escape(groupIcon + ' ' + (option[fields.iconClass] || className.icon)) + '"></i>';
|
4394
4384
|
}
|
4395
|
-
html += groupName;
|
4385
|
+
html += escape(groupName, settings);
|
4396
4386
|
html += '</div>';
|
4397
4387
|
}
|
4398
4388
|
if (option[fields.divider]) {
|
4399
|
-
html += '<div class="' +
|
4389
|
+
html += '<div class="' + escape(className.divider) + '"></div>';
|
4400
4390
|
}
|
4401
4391
|
}
|
4402
4392
|
});
|
@@ -4405,13 +4395,13 @@
|
|
4405
4395
|
},
|
4406
4396
|
|
4407
4397
|
// generates label for multiselect
|
4408
|
-
label: function (value, text,
|
4398
|
+
label: function (value, text, settings) {
|
4409
4399
|
var
|
4410
|
-
|
4411
|
-
|
4400
|
+
className = settings.className,
|
4401
|
+
escape = settings.templates.escape
|
4412
4402
|
;
|
4413
4403
|
|
4414
|
-
return escape(text,
|
4404
|
+
return escape(text, settings) + '<i class="' + escape(className.delete) + ' icon"></i>';
|
4415
4405
|
},
|
4416
4406
|
|
4417
4407
|
// generates messages like "No results"
|