fo_components 1.4.9

fo_components: ^1.4.9 copied to clipboard

Carousel

• Added loop input
• (BREAKING) Replaced css directive noSlideAnimation with animateSlides input (default: true), and removed animate noFadeAnimation
• (BREAKING) Slides are no longer animated when set externally

DropdownList

• Improved category labels design

ErrorOutput

• Now has correct width (takes border into account)

Other

• Bumped some dependencies (build_runner, json_serializable)

Dropdown

• Fixed issue where position wasn't set properly when anchor/target was translated

Carousel

• Added materialIcons input
• Added nextIcon and prevIcon inputs
• No longer using fo-button for next/prev buttons

Carousel

• Added noFadeAnimation and noSlideAnimation css directives

TextAreaInput

• Font size now inherited from parent rather than monospace

TextInput

• (BREAKING): selectionChange output now fires SelectionChangeEvent objects rather than FoDropdownOptionRenderables

TextInput

• selectionChange output now fires before the actual ngModel value is set

Modal

• Fixed font size so that it can be set normally: fo-modal { font-size: 32px; }

TextInput

• Added filterOptions input (default: true)

TextInput

• Added showDropdownOnFocus input (default: false)

TextInput, DropdownSelect

• Added showDropdownCategoryLabels input (default: true)

DropdownList

• Added showCategoryLabels input (default: true)

DropdownOption

• Made icon container smaller (1.8em -> 1.2em)

NumberInput

• Fixed trailing space issue for real this time

NumberInput

• Fixed trailing space issue

Button

• Fixed some icon alignment issues

Modal

• Tweaked alignments slightly

NumberInput

• Fixed alignment on number input

Modal

• Added materialIcon input for close button

• BREAKING: Removed all *-font-size mixins. To set font-size, just do it the normal way (fo-text-input { font-size: 24px; })

• Fixed some problems with inconsistency using dense attribute

DropdownSelectMulti

• BREAKING: Removed dropdown-select-multi-font-size mixin, now incorporated into dropdown-select-font-size

DropdownSelect/TextInput

• BREAKING: No longer relying on line-height to style, only vertical padding (1rem default, 0.5rem for dense attribute)
• BREAKING: Changed how leading/tralining/clearIcons are aligned/sized
• BREAKING: Replaced two mixins with single: fo-dropdown-select-colors
• Added fo-text-input-colors mixin

DropdownList

• FilterContainer now hidden completely if search attribute not set

DropdownSelect

• Removed clearSize attribute from actionButton
• Fixed issue where square attribute didn't propagate to actionButton
• Now has proper cursor pointer

DropdownOption

• Label color now defaults to grey (use mixin to change it)

ImageFile

• Some adjustments to vertical alignment

Button

• Changed how button height and internal alignment is specifed
• White button border color now #eed2e9

TextInput

• Clear icon now always visible

Button

• Changed label color when disabled from white to darkened disabled background color

DropdownSelect / DropdownSelectMulti

• Added placeholder input (similar to text input placeholders)
• Added mixins fo-dropdown-select-dropdown-icon-color and fo-dropdown-select-selected-value-color

DropdownOption

• Label is only semi-bold if secondaryLabel is set

Dropdown

• Removed small margin from top

TextInput

• Icon now affected by font-size mixin

Dropdown

• Fixed issue where icon td wasn't wide enough when using mixin

Dropdown & DropdownList

• offsetTop and offsetHorizontal are now both null by default

DropdownList #

• Made some style adjustments for list items

DropdownList

• Added targetPosition and offsetHorizontal inputs

Dropdown

• Added targetPosition input which places a target indicator at the top, use at your own risk.

Dropdown

• Added offsetHorizontal input which offsets the dropdown position horizontally

Dropdown

• Should now respect viewport constraints even with fixed parent

Button

• Text overflow is now ellipsis

Dropdown

• Now handles offsetTop properly when parent is fixed

DropdownSelectMulti

• Output container no longer showing when no values are selected

Icon

• Made icon align-center internally

Component updates #

Icon

• Removed tiny bottom margin

Component updates #

Carousel

• Step buttons are now hidden on small screen, and replaced by swipe gesture
• Increased step button size and added fade when they are not hovered

Bugfixes #

TextInput

• Fixed issue where leading- and trailingIcons didnt align properly

Quiz

• Increased quiz option highlight brightness

Button #

• Now properly highlights selected button
• Set hover brightness to 120% (down from 150%)
• Hovering a white button no longer increases its brightness
• Added mixin 'fo-button-vertical-padding'

DataTable #

• Fixed issue where icon sizes was too large

General #

• BREAKNIG: Updated angular dependency to 6.0.0-alpha and angular_components to 0.14.0-alpha

Component updates #

Button

• BREAKING: Removed backgroundColorHover argument from fo-button-colors mixin

DataTable

• Row selector no longer truncates numbers > 100
• Fixed icon sizing

DropdownSelect, DropdownMultiSelect

• Selected value icon now primaryColor

Modal

• Header/Footer now hidden unless populated
• Added buttonColor and buttonBackgroundColor inputs

Quiz

• Made more pretty
• Added buttonColor

Component updates #

DropdownSelect

• Options implementing renderIcon now renders icon in selectedValue aswell as in dropdown

ImageFile & FileUpload

• Dashed border now greyColorBright by default (instead of greyColor)

FoLabel

• Added maxWidth 100%

Component updates #

DropdownSelectMulti

• From now on only emit selectedIdsChange when change is internal

Component updates #

ImageFile

• Added placeholder input

ImageFile, FileUpload

• Dashed border now 2px wide (up from 1px)

DropdownSelectMulti

• No longer emitting selectedIdsChange onInit

Component updates #

Notification, Panel

• Minor tweaks to icon sizes

ImageFile

• Added fo-image-file-min-height mixin

Bugfixes #

ImageMap

• Fixed issue where not all marked zones was alert-color

Component updates #

Button, Dropdown, DropdownList, DropdownSelect, DropdownSelectMulti, TextAreaInput, TextInput

• Added css directive 'square' which will remove rounded corners

DropdownSelect, DropdownSelectMulti

• Added css directive 'noFocusShadow' to not highlight on focus

NumberInput

• Removed focus highlight shadow

Component updates #

Button

• Added leadingIcon and trailingIcon
• Added some left margin to icon

FileUpload, ImageFile

• User can now specify whether or not to use material icons (default: true)

Other

• Added example folder with link to examples

Component updates #

DataTable

• Confirm delete buttons are no longer dense and has all borders

DropdownOption

• Added ability to renders optional leading image
• Made secondaryLabel slightly smaller (0.9em)

Modal

• Added fo-modal-padding mixin

TextInput

• Clear icon can now be specified whether or not is material
• Outputs an event when clear icon is clicked

Component updates #

• Added top and bottom css directives to Carousel

Bugfixes #

• Fixed DropdownSelect action button size when using dropdown-select-font-size mixin
• Dropdown is now properly positioned when it has a fixed parent

Bugfixes #

• Fixed issue where number input added two units on each touch event

Component updates #

Carousel

• added css directive bottomNavigationOnSmall

DropdownSelect

• Increased dropdown icon size when using fo-dropdown-font-size mixin

Modal

• Added fo-modal-font-size mixin

Bugfixes #

DataTable

• Fixed broken material icons
• Rowcount selector now has fixed width to make sure the dropdown is always wide enough

Component updates #

Dropdown

• Added short delay to prevent dropdown to immediately auto-close when spawned by click event
• Added anchorRight input
• constrainToViewPort now takes document scrollbars into account
• Scroll and resize subscriptions now properly cancelled onDestroy

Bugfixes #

• Updated SDK constraints in pubspec.yaml
• Fixed style issue in DataTable modal (when deleting a resource)
• FoDropDown constrainToViewPort now constraints top aswell as bottom

Bugfixes #

• Updated SDK constraints in pubspec.yaml

Component updates #

• Added fo-label-color mixin
• Added fo-tab-panel-colors mixin

Bugfixes #

• Fixed issue where dropdown sometimes crashed due to internal error

Component updates #

• Added [offsetTop] input to DropdownList

Component updates #

• Extracted dropdown logic from DropdownList into separate DropdownComponent

Bugfixes #

• Modal component overlay now has proper z-index
• Fixed issue with broken size input on single-color Icons
• DropdownList mixin now properly resizes option icon container

Component updates #

• Icon no longer requires colorCount input to support colors (instead all icons has support for 16 colors)

Bugfixes #

• Now exporting CarouselSlide

Component updates #

Panel

• Button style now only applied to close button

Icon

• Now supports multiple colors using input colorCount

Modal

• No longer using MaterialModal under the hood
• Breaking: Renamed input 'title' to 'header'
• Breaking: Replaced 'fixedWidth' and 'fixedHeight' inputs with pure-css attributes 'fullWidth' and 'fullHeight'
• Breaking: Replaced 'largePadding' input with pure css attribute 'dense'

Component updates #

Notification

• FoButton style now only applied to close button

Icon

• Added boolean input [material]. If set to true, FoIcon will become a proxy to MaterialIcon (defaults to false)

DropdownList, DropdownSelect, DropdownMultiSelect, TextInput

• Added boolean input [materialIcons]. If set to false, rendered icons are FoIcons (defaults to true)

Bugfixes #

• TextAreaInput now has proper border color when input isn't valid

General #

• Replaced ngOnChanges with interal logic due to it becomign deprecated in angular
• Removed instances of changeDetectionStrategy.Stateful

Component updates #

Carousel

• Slight style adjustments to Next/Previous buttons

DropdownSelect

• Removed crazy workaround to set selectedId on init

Component updates #

TextAreaInput

• Added inputElement ref

Component updates #

TextInput

• Added inputElement ref

Bugfixes #

• TextInput with options no longer showing options if a value is set initially
• TextInput now properly updates view when value is changed externally
• TextInput no longer crashes when autofilled
• DataTable table now has z-index so that batchOperation is shown under

Component updates #

TextInput, DropdownSelect, DropdownMultiSelect, DropdownList

• Added constrainToViewPort input

Bugfixes #

• DropdownSelect now initializes properly with selectedId

General #

• Theme now changes material-toggle color

Component Updates #

Button

• Decreased icon size for [dense]

DataTable

• Removed focus shadow from filter text input

DropdownSelect

• Null check for options on click
• selectedId no longer always resets to null on init

DropdownList

• null option is now hidden if filterstring isn't empty

ImageMap

• Fixed issue where zones wasnt scaled properly with image

TextInput

• Got type attribute
• Added datePickerBindings to providers (needed by autofocus)
• ActionButton now disabled if value is empty
• ActionButton now triggered on enter

Bugfixes #

• Fixed issue where FoDropdownSelectMulti generics sometimes didn't work properly

General #

• Added FoTextAreaInput example in docs

Component Updates #

FoDropdownSelectMulti

• Added support for generics (selectedIds can now have any type)

General #

• Everything public is now properly exported in lib/fo_components.dart
• Bumped dart sdk constraints '>=2.2.0 <3.0.0' (previously '>=2.0.0 <3.0.0')

Component Updates #

FoDropdownSelect & FoDropdownSelectMulti

• Added optional search filter ([showSearch]="true")

Removed #

• FoYoutubePlayer

Bugfixes #

• FoDropdownSelectMulti selectedIds didn't get reflected properly when updated from elsewhere

Component updates #

FoDropdownList, FoDropdownSelect, FoDropdownSelectMulti, FoTextInput

• Now using abstract class FoDropdownOptionRenderable instead of FoDropdownOption

Component Updates #

FoDropdownSelect

• Added [allowNullSelection] option
• Adjusted option category margins

General #

• Added a docs start page
• Improved docs layout

Bugfixes #

• Fixed an issue where grid_css wasn't imported properly in some cases
• FoImageMapZone zone origins are now properly reset after draws

General #

• Added documentation for FoFileUpload, FoIcon, FoImageFile, FoImageMap, FoTabPanel FoModal, FoNotification, FoNumberInput, FoPanel, FoQuiz, and FoRating
• Added dense attribute example for FoTextInput
• Removed deprecated components FoSelect, FoMultiSelect, FoMultiInput, FoYoutubeComponent
• Added disabled checkbox to affected components in docs
• Improved navigation in docs

New Components #

• FoDropdownSelectMultiComponent

Component Updates #

• FoTabPanel now colored according to theme primary color
• FoFileUpload, FoImageFile, FoImageMap, FoModal, FoNotification, FoNumberInput, FoPanel, FoQuiz, FoRating now has in-house components instead of material ones

Bugfixes #

• FoTextInput font-size mixins now applies to action button aswell

General #

• Added example/ to .gitignore

Component Updates #

• Added FoDropdownSelect disabled input
• Replaced material components in FoDataTableComponent with in-house components
• Better dense directive for button, dropdownselect and textinput
• Added actionButton logic to dropdownselect

Other #

• Removed value field from FoDropdownOption

General #

• Added example/ and docs/ folders (docs/ is published on github pages)
• Added CHANGELOG.md
• Removed FoProviders
• Improved package description
• Replaced github dependencies with pub ones
• Removed fo_model dependency

New Components #

• MaterialTextInput
• MaterialDropdownSelect

Deprecated Components #

• FoMultiSelectComponent
• FoMultiInputComponent
• FoSelectComponent
• FoTimeInputComponent

Removed Components #

• FoTimeInputComponent