diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..30c9f5c --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*.tmp* +*~ diff --git a/README.md b/README.md new file mode 100644 index 0000000..47486c1 --- /dev/null +++ b/README.md @@ -0,0 +1,379 @@ +MooTools-DatePicker +=================== + +MooTools DatePicker is a nice modular and themable DatePicker. It has many features and options, such as +year, month, day or timepicker only modes, min and max dates, Localization and a lot more. + +This Plugin makes use of MooTools' Locale and Date plugins in MooTools More, to provide a localized +datepicker, as well as easy formatting and parsing Dates. + +This DatePicker is a fork of the original [MonkeyPhysics DatePicker](http://www.monkeyphysics.com/mootools/script/2/datepicker), +and has improved a lot since then. Though it should be (almost) backward compatible. + +![Screenshot](https://github.com/arian/mootools-datepicker/raw/master/screenshot.png) + +As of version 1.60 the datepicker will only work with MooTools 1.3. + +How to use +---------- + +Below you will find a description and some docs how you can use the datepicker. +If you find any weird things, please create a ticket at github or fork and fix it! + +The DatePicker consists out of three layers, a Picker class, which can be used to create any form of Picker, a Picker.Attach class, +which handles stuff like attaching the Picker to a input or anchor element. Finally there is the DatePicker class, which you'll probably +use. Every option of the Picker or Picker.Attach classes can be used in the DatePicker class. + +Basic Example +------------- + +First you need to include the following html tags: + + #HTML + + + + + + + +Then you can simply use, for example: + + #JS + new Picker.Date($$('input'), { + timePicker: true, + positionOffset: {x: 5, y: 0}, + pickerClass: 'datepicker_dashboard', + useFadeInOut: !Browser.ie + }); + + +### Theming: + +Theming is done with CSS files, there are four themes available, which you can find in the Source folder. + +Just include the CSS file and set the `pickerClass` option. + + +### Localization + +The DatePicker uses the MooTools More Date Class, which already includes many localized strings. +For some specific strings DatePicker has its own localizations, which you can find in the Locale.__-__.DatePicker.js files. +Just include the file in your page with a script tag to use the translations. + +Currently the following languages are supported + +- af-ZA +- cs-CZ +- de-DE +- en-US +- es-ES +- fr-FR +- he-IL +- it-IT +- nl-NL +- pl-PL +- pt-BR +- ru-RU +- sv-SE +- uk-UA + +You can set the current language with: + + #JS + Locale.use('nl-NL'); + + +Class: DatePicker +----------------- + +### Syntax + + #JS + var dp = new DatePicker([element, options]); + +### Arguments + +1. element: (*element*, *string*, *array*) The element(s) to attach the datepicker to +2. options: (*object*, optional) The options object + +### Options: + +All the options of the Picker and Picker.Attach classes, and: + +- minDate: (*Date instance*, *string*, defaults to `null`) Minimum date allowed to pick. Blocks anything before. +- maxDate: (*Date instance*, *string*, defaults to `null`) Maximum date allowed to pick. Blocks anything after. +- availableDates: (*object*, defaults to `null`) When only a few dates should be selectable. An object like `{2011: {1: [19, 29, 31], 3: [5, 19, 24]}}` with all the dates (year -> months -> days). +- invertAvailable: (*boolean*, defaults to `false`) Invert the `availableDates` option. +- format: (*string*, defaults to the default localized format) The format to output into the input field. Uses [Date.format](http://mootools.net/docs/more/Types/Date#Date:format) +- timePicker: (*boolean*, defaults to 1 `false`) Enable/disable timepicker functionality. Hours/Minutes values can be changed using the scrollwheel. +- timeWheelStep: (*number*, defaults to `1`) The number of minutes the minutes field will change in the timepicker when using the scrollwheel, for example 5, 10, 15. The value will always be k * timeWheelStep. +- yearPicker: (*boolean*, defaults to `true`) Enable/disable yearpicker functionality. Makes it much easier to change years. +- yearPerPage: (*number*, defaults to `20`) Amount of years to show in the year-picking view. Be aware that this may affect your layout. +- startView: (*string*, defaults to `days`) The view that will be showed when the picker opens. The options are `time`, `days`, `months` and `years` +- openLastView: (*boolean*, defaults to `false`) Opens the last opened view after the picker is opened again, instead of the `startView` +- pickOnly: (*string*, defaults to `false`) If you just want to pick a year, month, day or time. The options are `time`, `days`, `months` and `years` +- canAlwaysGoUp: (*array*, defaults to `['months', 'days']`) The views where you can click the title to go up. The options are `time`, `days`, `months` and `years` +- updateAll (*boolean*, defaults to `false`) whether or not to update all inputs when selecting a date +- weeknumbers (*boolean*, defaults to `false`) display weeknumbers for the `days` view +- months_abbr: (*array*) An array with the month name abbreviations. If nothing is set, it will automatically use MooTools Locale to get the abbreviations +- days_abbr: (*array*) An array with the day name abbreviations. If nothing is set, it will automatically use MooTools Locale to get the abbreviations +- years_title: (*function*, defaults to a function which returns `year + '-' + (year + options.yearsPerPage - 1)`) A function that returns the title for the yearpicker with as arguments the date object and the options object. +- months_title: (*function*, defaults to a function which returns `date.format('%b %Y')`) A function that returns the title for the monthpicker with as arguments the date object and the options object. +- days_title: (*function*, defaults to a function which returns `date.format('%b %Y')`) A function that returns the title for the daypicker with as arguments the date object and the options object. +- time_title: (*function*, defaults to a function which returns `(options.pickOnly == 'time') ? Locale.get('DatePicker.select_a_time') : date.format('%d %B, %Y')`) A function that returns the title for the timepicker with as arguments the date object and the options object. + + + +### Events: + +- onSelect: Will fire when the user has selected a date + +#### signature + + #JS + onSelect(date) + +#### arguments + +1. date - A Date object. You could use [Date.format](http://mootools.net/docs/more/Types/Date#Date:format) to format it into a string. For example to set it into a hidden field which will be sent to the server. + + +### Examples + + #JS + new DatePicker('inputField', { + timePicker: true, + pickerClass: 'datepicker_jqui', + onSelect: function(date){ + myHiddenField.set('value', date.format('%s'); + } + }); + +Picker.Date method: select +-------------------------- + +Selects a date manually. + +### Syntax: + + picker.select(date[, all]); + +### Arguments: + +1. date (*Date instance*) the date instance of the new date +2. all (*boolean*, optional) Whether it should update all inputs (defaults to the *updateAll* option) + +### Returns: + +- Picker.Date instance. + + +Class: Picker.Date.Range +------------------------ + +The range picker can be used to select date ranges, with a start date and a end date. + +### Syntax: + + #JS + var dp = new Picker.Date.Range([element, options]); + +### Arguments: + +#### Options: + +All `Picker.Date` options plus: + +- getStartEndDate: (*function*) Parses the two dates in the input field to `Date` instances. Signature: `function(input)` +- setStartEndDate: (*function*) Formats the dates and sets the input field value. Signature: `function(input, dates)` +- columns: (*number*, defaults to `3`) Number of columns +- footer: (*boolean*, defaults to `true`) Creates an extra footer element + + +Class: Picker.Attach +-------------------- + +Picker.Attach handles all the links from elements to the Picker. It handles the onfocus events of input elements etc. +The Class itself is not very useful on its own, but it is useful to extend this Class. +This class adds a outerclick as well to close the Picker if you click outside the picker. + +#### Syntax: + + #JS + new Picker.Attach(attachTo, options); + +#### Options: + +- toggle: (*element*, *string*, *array*) A collection of elements which will toggle the picker when such a link is clicked. +- togglesOnly: (*boolean, defaults to `true`) If the `toggle` option is set, this option determines if the focus/blur events on the input fields are still added as well. +- blockKeydown: (*boolean*, defaults to `true`) Whether it should block keydown events, so the user can type into the input field or not. + +### Picker.Attach Method: attach + +This will attach links and input elements to the picker + +#### Syntax + + #JS + myPicker.attach(attachTo); + +#### Arguments + +1. attachTo: (*element*, *string*, *array*) The elements or element to attach to the Picker. Can be a input element for onfocus events or other elements for click events. + + +### Picker.Attach Method: detach + +This will detach links and input elements from the picker + +#### Syntax + + #JS + myPicker.detach(detach); + +#### Arguments + +1. detach: (*element*, *string*, *array*) The elements or element to detach from the Picker. Can be a input element for onfocus events or other elements for click events. + + +Class: Picker +------------- + +This is a generic Picker Class, which is used for the basic things, like positioning, Fx, open, close, stuff like that. + +#### Syntax: + + #JS + new Picker(options); + +#### Options: + +- pickerClass: (*string*, defaults to `datepicker`) CSS class for the main datepicker container element. You can use multiple classes by separating them by a space, e.g. `class1 class2 class3` +- inject: (*element*, defaults to `document.body`) This is where the Picker element will be injected to. +- anitmationDuration: (*number*, defaults to `400`) Duration of the slide/fade animations in milliseconds. +- useFadeInOut: (*boolean*, defaults to `true`) Whether to fade-in/out the datepicker popup. You might want to set this to `false` in IE. +- positionOffset: (*object*, defaults to `{x: 0, y: 0}`) Allows you to tweak the position at which the datepicker appears, relative to the input element. Formatted as an object with x and y properties. Values can be negative. +- pickerPosition: (*string*, defaults to `bottom`) If the picker is positioned relative to an element, you can choose to position it top, bottom, left or right. +- draggable: (*boolean*, defaults to `true`) Will make the picker draggable, if Drag from MooTools More is included. +- columns: (*number*, defaults to `1`) Number of columns +- footer: (*boolean*, defaults to `false`) Creates an extra footer element + +#### Events: + +- open - triggered when the Picker will open (before the fx) +- close - triggered after the Picker is will get closed (before the fx) +- show - triggered when the Picker is shown +- hide - triggered when the Picker is hidden + + + +### Picker Method: show + +A method to show the Picker manually, with a Fx. + +#### Syntax + + #JS + dp.show() + +### Picker Method: close + +Closes the Picker with a Fx. + +#### Syntax + + #JS + dp.close(); + + +### Picker Method: toggle + +Toggles the Picker with a Fx. + +#### Syntax + + #JS + picker.toggle(); + +### Picker Method: show + +Opens the Picker directly. + +#### Syntax + + #JS + dp.show(); + + +### Picker Method: hide + +Hides the Picker directly. + +#### Syntax + + #JS + dp.hide(); + + +### Picker Method: destroy + +Destroys the Picker + + #JS + picker.destroy(); + + +### Picker Method: position + +Positions the Picker. + +#### Syntax: + + #JS + picker.position(x, y); + // or + picker.position(myElement, where); + +#### Arguments + +1. x: (*number*) Number of pixels from the left +2. y: (*number*) Number of pixels from the top + +Or + +1. myElement - (*element*) A element the Picker should be positioned relative to. +2. where - (*string*, optional) Position the Picker `left` or `right` to the element. + + +### Picker Method: setContent + +Set the content of the Picker, either elements or text. + +#### Syntax: + + #JS + picker.setContent(element, fx); + +#### Arguments: + +1. element: (*element*, *string*) Set the content of the Picker with this value +2. fx: (*string*, optional) Set the content of the picker, and apply it with this Fx. Options: 'fade', 'right', 'left' + + +### Picker Method: setTitle + +Sets the Picker title text. + + #JS + picker.setTitle(text); + +#### Arguments: + +1. text: (*string*) The text which will be set into the title. + + +License +------- + +- [MIT License](http://www.opensource.org/licenses/mit-license.php) diff --git a/Source/Locale.af-ZA.DatePicker.js b/Source/Locale.af-ZA.DatePicker.js new file mode 100644 index 0000000..7395543 --- /dev/null +++ b/Source/Locale.af-ZA.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.af-ZA.DatePicker +description: Afrikaans Language File for DatePicker +authors: Werner Mollentze +requires: [More/Locale] +provides: Locale.af-ZA.DatePicker +... +*/ + + +Locale.define('af-ZA', 'DatePicker', { + select_a_time: 'Kies \'n tyd', + use_mouse_wheel: 'Gebruik die muiswiel om vinnig \'n waarde te verander', + time_confirm_button: 'OK', + apply_range: 'OK', + cancel: 'Kanseleer', + week: 'Wk' +}); diff --git a/Source/Locale.cs-CZ.DatePicker.js b/Source/Locale.cs-CZ.DatePicker.js new file mode 100644 index 0000000..53387f7 --- /dev/null +++ b/Source/Locale.cs-CZ.DatePicker.js @@ -0,0 +1,16 @@ +/* +--- +name: Locale.cs-CZ.DatePicker +description: Czech Language File for DatePicker +authors: Jan Cerny +requires: [More/Locale] +provides: Locale.cs-CZ.DatePicker +... +*/ + + +Locale.define('cs-CZ', 'DatePicker', { + select_a_time: 'Vyberte čas', + use_mouse_wheel: 'Použijte kolečko myši k rychlé změně hodnoty', + time_confirm_button: 'Zvolte čas' +}); diff --git a/Source/Locale.de-DE.DatePicker.js b/Source/Locale.de-DE.DatePicker.js new file mode 100644 index 0000000..78c1ebd --- /dev/null +++ b/Source/Locale.de-DE.DatePicker.js @@ -0,0 +1,16 @@ +/* +--- +name: Locale.de-DE.DatePicker +description: German Language File for DatePicker +authors: Bastian Bringenberg +requires: [More/Locale] +provides: Locale.de-DE.DatePicker +... +*/ + + +Locale.define('de-DE', 'DatePicker', { + select_a_time: 'Wähle eine Zeit', + use_mouse_wheel: 'Mit dem Mausrad kannst du schneller die Werte ändern', + time_confirm_button: 'OK' +}); diff --git a/Source/Locale.en-US.DatePicker.js b/Source/Locale.en-US.DatePicker.js new file mode 100644 index 0000000..fc69c25 --- /dev/null +++ b/Source/Locale.en-US.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.en-US.DatePicker +description: English Language File for DatePicker +authors: Arian Stolwijk +requires: [More/Locale] +provides: Locale.en-US.DatePicker +... +*/ + + +Locale.define('en-US', 'DatePicker', { + select_a_time: 'Select a time', + use_mouse_wheel: 'Use the mouse wheel to quickly change value', + time_confirm_button: 'OK', + apply_range: 'Apply', + cancel: 'Cancel', + week: 'Wk' +}); diff --git a/Source/Locale.es-ES-DatePicker.js b/Source/Locale.es-ES-DatePicker.js new file mode 100644 index 0000000..e05dca4 --- /dev/null +++ b/Source/Locale.es-ES-DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.es-ES.DatePicker +description: Spanish Language File for DatePicker +authors: ["Juan Lago D.", "Carlos Cerrillo"] +requires: [More/Locale] +provides: Locale.es-ES.DatePicker +... +*/ + + +Locale.define('es-ES', 'DatePicker', { + select_a_time: 'Selecciona una fecha', + use_mouse_wheel: 'Utiliza la rueda del raton para cambiar rapidamente de valor', + time_confirm_button: 'OK', + apply_range: 'Aplicar', + cancel: 'Cancelar', + week: 'S' +}); diff --git a/Source/Locale.fr-FR.DatePicker.js b/Source/Locale.fr-FR.DatePicker.js new file mode 100644 index 0000000..f523685 --- /dev/null +++ b/Source/Locale.fr-FR.DatePicker.js @@ -0,0 +1,18 @@ +/* +--- +name: Locale.fr-FR.DatePicker +description: French Language File for DatePicker +authors: ["Arian Stolwijk", "charlouze", "Abric Armand"] +requires: [More/Locale] +provides: Locale.fr-FR.DatePicker +... +*/ + +Locale.define('fr-FR', 'DatePicker', { + select_a_time: 'Choisir l\'heure', + use_mouse_wheel: 'Utiliser la molette pour changer l\'heure rapidement', + time_confirm_button: 'OK', + apply_range: 'Appliquer', + cancel: 'Annuler', + week: 'Sem' +}); diff --git a/Source/Locale.he-IL.DatePicker.js b/Source/Locale.he-IL.DatePicker.js new file mode 100644 index 0000000..9d5297d --- /dev/null +++ b/Source/Locale.he-IL.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.he-IL.DatePicker +description: Hebrew Language File for DatePicker +authors: Amitay Horwitz +requires: [More/Locale] +provides: Locale.he-IL.DatePicker +... +*/ + + +Locale.define('he-IL', 'DatePicker', { + select_a_time: 'בחר זמן', + use_mouse_wheel: 'השתמש בגלגלת העכבר לשינוי מהיר', + time_confirm_button: 'אישור', + apply_range: 'החל', + cancel: 'ביטול', + week: 'שבוע' +}); diff --git a/Source/Locale.it-IT.DatePicker.js b/Source/Locale.it-IT.DatePicker.js new file mode 100644 index 0000000..7e2a146 --- /dev/null +++ b/Source/Locale.it-IT.DatePicker.js @@ -0,0 +1,15 @@ +/* +--- +name: Locale.it-IT.DatePicker +description: Italian Language File for DatePicker +authors: danielec (https://github.com/danielec) +requires: [More/Locale] +provides: Locale.it-IT.DatePicker +... +*/ + +Locale.define('it-IT', 'DatePicker', { + select_a_time: 'Scegli un orario', + use_mouse_wheel: 'Utilizza la rotellina del mouse per cambiare valore velocemente', + time_confirm_button: 'OK' +}); diff --git a/Source/Locale.nl-NL.DatePicker.js b/Source/Locale.nl-NL.DatePicker.js new file mode 100644 index 0000000..471fd72 --- /dev/null +++ b/Source/Locale.nl-NL.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.nl-NL.DatePicker +description: Dutch Language File for DatePicker +authors: Arian Stolwijk +requires: [More/Locale] +provides: Locale.nl-NL.DatePicker +... +*/ + + +Locale.define('nl-NL', 'DatePicker', { + select_a_time: 'Selecteer een tijd', + use_mouse_wheel: 'Gebruik uw scrollwiel om door de tijd te scrollen', + time_confirm_button: 'OK', + apply_range: 'OK', + cancel: 'Annuleer', + week: 'W' +}); diff --git a/Source/Locale.pl-PL.DatePicker.js b/Source/Locale.pl-PL.DatePicker.js new file mode 100644 index 0000000..8146a83 --- /dev/null +++ b/Source/Locale.pl-PL.DatePicker.js @@ -0,0 +1,16 @@ +/* +--- +name: Locale.pl-PL.DatePicker +description: Polish Language File for DatePicker +authors: Tomek Wójcik +requires: [More/Locale] +provides: Locale.pl-PL.DatePicker +... +*/ + + +Locale.define('pl-PL', 'DatePicker', { + select_a_time: 'Wybierz czas', + use_mouse_wheel: 'Użyj rolki myszy aby szybko zmienić wartość', + time_confirm_button: 'OK' +}); diff --git a/Source/Locale.pt-BR.DatePicker.js b/Source/Locale.pt-BR.DatePicker.js new file mode 100644 index 0000000..97d5f8e --- /dev/null +++ b/Source/Locale.pt-BR.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.pt-BR.DatePicker +description: Portuguese Language File for DatePicker +authors: Jonnathan Soares +requires: [More/Locale] +provides: Locale.pt-BR.DatePicker +... +*/ + + +Locale.define('pt-BR', 'DatePicker', { + select_a_time: 'Selecione uma hora', + use_mouse_wheel: 'Use a roda do mouse para rapidamente trocar de valor', + time_confirm_button: 'OK', + apply_range: 'Aplicar', + cancel: 'Cancelar', + week: 'Sem.' +}); diff --git a/Source/Locale.ru-RU.DatePicker.js b/Source/Locale.ru-RU.DatePicker.js new file mode 100644 index 0000000..31cc3d8 --- /dev/null +++ b/Source/Locale.ru-RU.DatePicker.js @@ -0,0 +1,16 @@ +/* +--- +name: Locale.ru-RU.DatePicker +description: Russian Language File for DatePicker +authors: https://github.com/rwz +requires: [More/Locale] +provides: Locale.ru-RU.DatePicker +... +*/ + + +Locale.define('ru-RU', 'DatePicker', { + select_a_time: 'Выберите время', + use_mouse_wheel: 'Используйте колесо мышки для быстрой смены значения', + time_confirm_button: 'OK' +}); diff --git a/Source/Locale.sv-SE.DatePicker.js b/Source/Locale.sv-SE.DatePicker.js new file mode 100644 index 0000000..1c11034 --- /dev/null +++ b/Source/Locale.sv-SE.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.sv-SE.DatePicker +description: Swedish Language File for DatePicker +authors: Leon Radley +requires: [More/Locale] +provides: Locale.sv-SE.DatePicker +... +*/ + + +Locale.define('sv-SE', 'DatePicker', { + select_a_time: 'Välj en tid', + use_mouse_wheel: 'Scrolla för att snabbt ändra värde', + time_confirm_button: 'OK', + apply_range: 'Välj', + cancel: 'Avbryt', + week: 'v.' +}); diff --git a/Source/Locale.uk-UA.DatePicker.js b/Source/Locale.uk-UA.DatePicker.js new file mode 100644 index 0000000..b73055a --- /dev/null +++ b/Source/Locale.uk-UA.DatePicker.js @@ -0,0 +1,19 @@ +/* +--- +name: Locale.en-US.DatePicker +description: English Language File for DatePicker +authors: Arian Stolwijk +requires: [More/Locale] +provides: Locale.en-US.DatePicker +... +*/ + + +Locale.define('uk-UA', 'DatePicker', { + select_a_time: 'Встановіть час', + use_mouse_wheel: 'Використовуйте прокрутку для швидкої зміни значення', + time_confirm_button: 'Гаразд', + apply_range: 'Застосувати', + cancel: 'Скасувати', + week: 'Т-нь' +}); diff --git a/Source/Picker.Attach.js b/Source/Picker.Attach.js new file mode 100644 index 0000000..900159e --- /dev/null +++ b/Source/Picker.Attach.js @@ -0,0 +1,161 @@ +/* +--- +name: Picker.Attach +description: Adds attach and detach methods to the Picker, to attach it to element events +authors: Arian Stolwijk +requires: [Picker, Core/Element.Event] +provides: Picker.Attach +... +*/ + + +Picker.Attach = new Class({ + + Extends: Picker, + + options: {/* + onAttached: function(event){}, + + toggleElements: null, // deprecated + toggle: null, // When set it deactivate toggling by clicking on the input */ + togglesOnly: true, // set to false to always make calendar popup on input element, if true, it depends on the toggles elements set. + showOnInit: false, // overrides the Picker option + blockKeydown: true + }, + + initialize: function(attachTo, options){ + this.parent(options); + + this.attachedEvents = []; + this.attachedElements = []; + this.toggles = []; + this.inputs = []; + + var documentEvent = function(event){ + if (this.attachedElements.contains(event.target)) return; + this.close(); + }.bind(this); + var document = this.picker.getDocument().addEvent('click', documentEvent); + + var preventPickerClick = function(event){ + event.stopPropagation(); + return false; + }; + this.picker.addEvent('click', preventPickerClick); + + // Support for deprecated toggleElements + if (this.options.toggleElements) this.options.toggle = document.getElements(this.options.toggleElements); + + this.attach(attachTo, this.options.toggle); + }, + + attach: function(attachTo, toggle){ + if (typeOf(attachTo) == 'string') attachTo = document.id(attachTo); + if (typeOf(toggle) == 'string') toggle = document.id(toggle); + + var elements = Array.from(attachTo), + toggles = Array.from(toggle), + allElements = [].append(elements).combine(toggles), + self = this; + + var closeEvent = function(event){ + var stopInput = self.options.blockKeydown + && event.type == 'keydown' + && !(['tab', 'esc'].contains(event.key)), + isCloseKey = event.type == 'keydown' + && (['tab', 'esc'].contains(event.key)), + isA = event.target.get('tag') == 'a'; + + if (stopInput || isA) event.preventDefault(); + if (isCloseKey || isA) self.close(); + }; + + var getOpenEvent = function(element){ + return function(event){ + var tag = event.target.get('tag'); + if (tag == 'input' && event.type == 'click' && !element.match(':focus') || (self.opened && self.input == element)) return; + if (tag == 'a') event.stop(); + self.position(element); + self.open(); + self.fireEvent('attached', [event, element]); + }; + }; + + var getToggleEvent = function(open, close){ + return function(event){ + if (self.opened) close(event); + else open(event); + }; + }; + + allElements.each(function(element){ + + // The events are already attached! + if (self.attachedElements.contains(element)) return; + + var events = {}, + tag = element.get('tag'), + openEvent = getOpenEvent(element), + // closeEvent does not have a depency on element + toggleEvent = getToggleEvent(openEvent, closeEvent); + + if (tag == 'input'){ + // Fix in order to use togglers only + if (!self.options.togglesOnly || !toggles.length){ + events = { + focus: openEvent, + click: openEvent, + keydown: closeEvent + }; + } + self.inputs.push(element); + } else { + if (toggles.contains(element)){ + self.toggles.push(element); + events.click = toggleEvent + } else { + events.click = openEvent; + } + } + element.addEvents(events); + self.attachedElements.push(element); + self.attachedEvents.push(events); + }); + return this; + }, + + detach: function(attachTo, toggle){ + if (typeOf(attachTo) == 'string') attachTo = document.id(attachTo); + if (typeOf(toggle) == 'string') toggle = document.id(toggle); + + var elements = Array.from(attachTo), + toggles = Array.from(toggle), + allElements = [].append(elements).combine(toggles), + self = this; + + if (!allElements.length) allElements = self.attachedElements; + + allElements.each(function(element){ + var i = self.attachedElements.indexOf(element); + if (i < 0) return; + + var events = self.attachedEvents[i]; + element.removeEvents(events); + delete self.attachedEvents[i]; + delete self.attachedElements[i]; + + var toggleIndex = self.toggles.indexOf(element); + if (toggleIndex != -1) delete self.toggles[toggleIndex]; + + var inputIndex = self.inputs.indexOf(element); + if (toggleIndex != -1) delete self.inputs[inputIndex]; + }); + return this; + }, + + destroy: function(){ + this.detach(); + return this.parent(); + } + +}); diff --git a/Source/Picker.Date.Range.js b/Source/Picker.Date.Range.js new file mode 100644 index 0000000..1e31b43 --- /dev/null +++ b/Source/Picker.Date.Range.js @@ -0,0 +1,132 @@ +/* +--- +name: Picker.Date.Range +description: Select a Range of Dates +authors: Arian Stolwijk +requires: [Picker, Picker.Date] +provides: Picker.Date.Range +... +*/ + +Picker.Date.Range = new Class({ + + Extends: Picker.Date, + + options: { + getStartEndDate: function(input){ + return input.get('value').split('-').map(function(date){ + var parsed = Date.parse(date); + return Date.isValid(parsed) ? parsed : null; + }).clean(); + }, + setStartEndDate: function(input, dates){ + input.set('value', dates.map(function(date){ + return date.format(this.options.format); + }, this).join(' - ')); + }, + footer: true, + columns: 3 + }, + + getInputDate: function(input){ + if (!input) return; + + var dates = input.retrieve('datepicker:value'); + if (dates && dates.length) dates = dates.map(Date.parse); + if (!dates || !dates.length || dates.some(function(date){ + return !Date.isValid(date); + })){ + dates = this.options.getStartEndDate.call(this, input); + if (!dates.length || !dates.every(function(date){ + return Date.isValid(date); + })) dates = [this.date]; + } + if (dates.length == 1) this.date = this.startDate = this.endDate = dates[0]; + else if (dates.length == 2){ + this.date = this.startDate = dates[0]; + this.endDate = dates[1]; + } + }, + + constructPicker: function(){ + this.parent(); + var footer = this.footer, self = this; + if (!footer) return; + + var events = { + click: function(){ + this.focus(); + }, + blur: function(){ + var date = Date.parse(this.get('value')); + if (date.isValid) self[(this == startInput ? 'start' : 'end') + 'Date'] = date; + self.updateRangeSelection(); + }, + keydown: function(event){ + if (event.key == 'enter') self.selectRange(); + } + }; + + var startInput = this.startInput = new Element('input', {events: events}).inject(footer); + new Element('span', {text: ' - '}).inject(footer); + var endInput = this.endInput = new Element('input', {events: events}).inject(footer); + + this.applyButton = new Element('button.apply', { + text: Locale.get('DatePicker.apply_range'), + events: {click: self.selectRange.pass([], self)} + }).inject(footer); + + this.cancelButton = new Element('button.cancel', { + text: Locale.get('DatePicker.cancel'), + events: {click: self.close.pass(false, self)} + }).inject(footer); + }, + + renderDays: function(){ + this.parent.apply(this, arguments); + this.updateRangeSelection(); + }, + + select: function(date){ + if (this.startDate && (this.endDate == this.startDate || date > this.endDate) && date >= this.startDate) this.endDate = date; + else { + this.startDate = date; + this.endDate = date; + } + this.updateRangeSelection(); + }, + + selectRange: function(){ + this.date = this.startDate; + var dates = [this.startDate, this.endDate], input = this.input; + + this.options.setStartEndDate.call(this, input, dates); + input.store('datepicker:value', dates.map(function(date){ + return date.strftime(); + })).fireEvent('change'); + + this.fireEvent('select', dates, input); + this.close(); + return this; + }, + + updateRangeSelection: function(){ + var start = this.startDate, + end = this.endDate || start; + + if (this.dateElements) for (var i = this.dateElements.length; i--;){ + var el = this.dateElements[i]; + if (el.time >= start && el.time <= end) el.element.addClass('selected'); + else el.element.removeClass('selected'); + } + + var formattedFirst = start.format(this.options.format) + formattedEnd = end.format(this.options.format); + + this.startInput.set('value', formattedFirst); + this.endInput.set('value', formattedEnd); + + return this; + } + +}); diff --git a/Source/Picker.Date.js b/Source/Picker.Date.js new file mode 100644 index 0000000..8b4558e --- /dev/null +++ b/Source/Picker.Date.js @@ -0,0 +1,669 @@ +/* +--- +name: Picker.Date +description: Creates a DatePicker, can be used for picking years/months/days and time, or all of them +authors: Arian Stolwijk +requires: [Picker, Picker.Attach, Locale.en-US.DatePicker, More/Locale, More/Date] +provides: Picker.Date +... +*/ + + +(function(){ + +this.DatePicker = Picker.Date = new Class({ + + Extends: Picker.Attach, + + options: {/* + onSelect: function(date){}, + + minDate: new Date('3/4/2010'), // Date object or a string + maxDate: new Date('3/4/2011'), // same as minDate + availableDates: {}, // + invertAvailable: false, + + format: null,*/ + + timePicker: false, + timePickerOnly: false, // deprecated, use onlyView = 'time' + timeWheelStep: 1, // 10,15,20,30 + + yearPicker: true, + yearsPerPage: 20, + + startDay: 1, // Sunday (0) through Saturday (6) - be aware that this may affect your layout, since the days on the right might have a different margin + rtl: false, + + startView: 'days', // allowed values: {time, days, months, years} + openLastView: false, + pickOnly: false, // 'years', 'months', 'days', 'time' + canAlwaysGoUp: ['months', 'days'], + updateAll : false, //whether or not to update all inputs when selecting a date + + weeknumbers: false, + + // if you like to use your own translations + months_abbr: null, + days_abbr: null, + years_title: function(date, options){ + var year = date.get('year'); + return year + '-' + (year + options.yearsPerPage - 1); + }, + months_title: function(date, options){ + return date.get('year'); + }, + days_title: function(date, options){ + return date.format('%b %Y'); + }, + time_title: function(date, options){ + return (options.pickOnly == 'time') ? Locale.get('DatePicker.select_a_time') : date.format('%d %B, %Y'); + } + }, + + initialize: function(attachTo, options){ + this.parent(attachTo, options); + + this.setOptions(options); + options = this.options; + + // If we only want to use one picker / backwards compatibility + ['year', 'month', 'day', 'time'].some(function(what){ + if (options[what + 'PickerOnly']){ + options.pickOnly = what; + return true; + } + return false; + }); + if (options.pickOnly){ + options[options.pickOnly + 'Picker'] = true; + options.startView = options.pickOnly; + } + + // backward compatibility for startView + var newViews = ['days', 'months', 'years']; + ['month', 'year', 'decades'].some(function(what, i){ + return (options.startView == what) && (options.startView = newViews[i]); + }); + + options.canAlwaysGoUp = options.canAlwaysGoUp ? Array.from(options.canAlwaysGoUp) : []; + + // Set the min and max dates as Date objects + if (options.minDate){ + if (!(options.minDate instanceof Date)) options.minDate = Date.parse(options.minDate); + options.minDate.clearTime(); + } + if (options.maxDate){ + if (!(options.maxDate instanceof Date)) options.maxDate = Date.parse(options.maxDate); + options.maxDate.clearTime(); + } + + if (!options.format){ + options.format = (options.pickOnly != 'time') ? Locale.get('Date.shortDate') : ''; + if (options.timePicker) options.format = (options.format) + (options.format ? ' ' : '') + Locale.get('Date.shortTime'); + } + + // Some link or input has fired an event! + this.addEvent('attached', function(event, element){ + + // This is where we store the selected date + if (!this.currentView || !options.openLastView) this.currentView = options.startView; + + this.date = limitDate(new Date(), options.minDate, options.maxDate); + var tag = element.get('tag'), input; + if (tag == 'input') input = element; + else { + var index = this.toggles.indexOf(element); + if (this.inputs[index]) input = this.inputs[index]; + } + this.getInputDate(input); + this.input = input; + this.setColumns(this.originalColumns); + }.bind(this), true); + + }, + + getInputDate: function(input){ + this.date = new Date(); + if (!input) return; + var date = Date.parse(input.get('value')); + if (date == null || !date.isValid()){ + var storeDate = input.retrieve('datepicker:value'); + if (storeDate) date = Date.parse(storeDate); + } + if (date != null && date.isValid()) this.date = date; + }, + + // Control the previous and next elements + + constructPicker: function(){ + this.parent(); + + if (!this.options.rtl){ + this.previous = new Element('div.previous[html=«]').inject(this.header); + this.next = new Element('div.next[html=»]').inject(this.header); + } else { + this.next = new Element('div.previous[html=«]').inject(this.header); + this.previous = new Element('div.next[html=»]').inject(this.header); + } + }, + + hidePrevious: function(_next, _show){ + this[_next ? 'next' : 'previous'].setStyle('display', _show ? 'block' : 'none'); + return this; + }, + + showPrevious: function(_next){ + return this.hidePrevious(_next, true); + }, + + setPreviousEvent: function(fn, _next){ + this[_next ? 'next' : 'previous'].removeEvents('click'); + if (fn) this[_next ? 'next' : 'previous'].addEvent('click', fn); + return this; + }, + + hideNext: function(){ + return this.hidePrevious(true); + }, + + showNext: function(){ + return this.showPrevious(true); + }, + + setNextEvent: function(fn){ + return this.setPreviousEvent(fn, true); + }, + + setColumns: function(columns, view, date, viewFx){ + var ret = this.parent(columns), method; + + if ((view || this.currentView) + && (method = 'render' + (view || this.currentView).capitalize()) + && this[method] + ) this[method](date || this.date.clone(), viewFx); + + return ret; + }, + + // Render the Pickers + + renderYears: function(date, fx){ + var options = this.options, pages = options.columns, perPage = options.yearsPerPage, + _columns = [], _dates = []; + this.dateElements = []; + + // start neatly at interval (eg. 1980 instead of 1987) + date = date.clone().decrement('year', date.get('year') % perPage); + + var iterateDate = date.clone().decrement('year', Math.floor((pages - 1) / 2) * perPage); + + for (var i = pages; i--;){ + var _date = iterateDate.clone(); + _dates.push(_date); + _columns.push(renderers.years( + timesSelectors.years(options, _date.clone()), + options, + this.date.clone(), + this.dateElements, + function(date){ + if (options.pickOnly == 'years') this.select(date); + else this.renderMonths(date, 'fade'); + this.date = date; + }.bind(this) + )); + iterateDate.increment('year', perPage); + } + + this.setColumnsContent(_columns, fx); + this.setTitle(_dates, options.years_title); + + // Set limits + var limitLeft = (options.minDate && date.get('year') <= options.minDate.get('year')), + limitRight = (options.maxDate && (date.get('year') + options.yearsPerPage) >= options.maxDate.get('year')); + this[(limitLeft ? 'hide' : 'show') + 'Previous'](); + this[(limitRight ? 'hide' : 'show') + 'Next'](); + + this.setPreviousEvent(function(){ + this.renderYears(date.decrement('year', perPage), 'left'); + }.bind(this)); + + this.setNextEvent(function(){ + this.renderYears(date.increment('year', perPage), 'right'); + }.bind(this)); + + // We can't go up! + this.setTitleEvent(null); + + this.currentView = 'years'; + }, + + renderMonths: function(date, fx){ + var options = this.options, years = options.columns, _columns = [], _dates = [], + iterateDate = date.clone().decrement('year', Math.floor((years - 1) / 2)); + this.dateElements = []; + + for (var i = years; i--;){ + var _date = iterateDate.clone(); + _dates.push(_date); + _columns.push(renderers.months( + timesSelectors.months(options, _date.clone()), + options, + this.date.clone(), + this.dateElements, + function(date){ + if (options.pickOnly == 'months') this.select(date); + else this.renderDays(date, 'fade'); + this.date = date; + }.bind(this) + )); + iterateDate.increment('year', 1); + } + + this.setColumnsContent(_columns, fx); + this.setTitle(_dates, options.months_title); + + // Set limits + var year = date.get('year'), + limitLeft = (options.minDate && year <= options.minDate.get('year')), + limitRight = (options.maxDate && year >= options.maxDate.get('year')); + this[(limitLeft ? 'hide' : 'show') + 'Previous'](); + this[(limitRight ? 'hide' : 'show') + 'Next'](); + + this.setPreviousEvent(function(){ + this.renderMonths(date.decrement('year', years), 'left'); + }.bind(this)); + + this.setNextEvent(function(){ + this.renderMonths(date.increment('year', years), 'right'); + }.bind(this)); + + var canGoUp = options.yearPicker && (options.pickOnly != 'months' || options.canAlwaysGoUp.contains('months')); + var titleEvent = (canGoUp) ? function(){ + this.renderYears(date, 'fade'); + }.bind(this) : null; + this.setTitleEvent(titleEvent); + + this.currentView = 'months'; + }, + + renderDays: function(date, fx){ + var options = this.options, months = options.columns, _columns = [], _dates = [], + iterateDate = date.clone().decrement('month', Math.floor((months - 1) / 2)); + this.dateElements = []; + + for (var i = months; i--;){ + _date = iterateDate.clone(); + _dates.push(_date); + _columns.push(renderers.days( + timesSelectors.days(options, _date.clone()), + options, + this.date.clone(), + this.dateElements, + function(date){ + if (options.pickOnly == 'days' || !options.timePicker) this.select(date) + else this.renderTime(date, 'fade'); + this.date = date; + }.bind(this) + )); + iterateDate.increment('month', 1); + } + + this.setColumnsContent(_columns, fx); + this.setTitle(_dates, options.days_title); + + var yearmonth = date.format('%Y%m').toInt(), + limitLeft = (options.minDate && yearmonth <= options.minDate.format('%Y%m')), + limitRight = (options.maxDate && yearmonth >= options.maxDate.format('%Y%m')); + this[(limitLeft ? 'hide' : 'show') + 'Previous'](); + this[(limitRight ? 'hide' : 'show') + 'Next'](); + + this.setPreviousEvent(function(){ + this.renderDays(date.decrement('month', months), 'left'); + }.bind(this)); + + this.setNextEvent(function(){ + this.renderDays(date.increment('month', months), 'right'); + }.bind(this)); + + var canGoUp = options.pickOnly != 'days' || options.canAlwaysGoUp.contains('days'); + var titleEvent = (canGoUp) ? function(){ + this.renderMonths(date, 'fade'); + }.bind(this) : null; + this.setTitleEvent(titleEvent); + + this.currentView = 'days'; + }, + + renderTime: function(date, fx){ + var options = this.options; + this.setTitle(date, options.time_title); + + var originalColumns = this.originalColumns = options.columns; + this.currentView = null; // otherwise you'd get crazy recursion + if (originalColumns != 1) this.setColumns(1); + + this.setContent(renderers.time( + options, + date.clone(), + function(date){ + this.select(date); + }.bind(this) + ), fx); + + // Hide « and » buttons + this.hidePrevious() + .hideNext() + .setPreviousEvent(null) + .setNextEvent(null); + + var canGoUp = options.pickOnly != 'time' || options.canAlwaysGoUp.contains('time'); + var titleEvent = (canGoUp) ? function(){ + this.setColumns(originalColumns, 'days', date, 'fade'); + }.bind(this) : null; + this.setTitleEvent(titleEvent); + + this.currentView = 'time'; + }, + + select: function(date, all){ + this.date = date; + var formatted = date.format(this.options.format), + time = date.strftime(), + inputs = (!this.options.updateAll && !all && this.input) ? [this.input] : this.inputs; + + inputs.each(function(input){ + input.set('value', formatted).store('datepicker:value', time).fireEvent('change'); + }, this); + + this.fireEvent('select', [date].concat(inputs)); + this.close(); + return this; + } + +}); + + +// Renderers only output elements and calculate the limits! + +var timesSelectors = { + + years: function(options, date){ + var times = []; + for (var i = 0; i < options.yearsPerPage; i++){ + times.push(+date); + date.increment('year', 1); + } + return times; + }, + + months: function(options, date){ + var times = []; + date.set('month', 0); + for (var i = 0; i <= 11; i++){ + times.push(+date); + date.increment('month', 1); + } + return times; + }, + + days: function(options, date){ + var times = []; + date.set('date', 1); + while (date.get('day') != options.startDay) date.set('date', date.get('date') - 1); + for (var i = 0; i < 42; i++){ + times.push(+date); + date.increment('day', 1); + } + return times; + } + +}; + +var renderers = { + + years: function(years, options, currentDate, dateElements, fn){ + var container = new Element('div.years'), + today = new Date(), element, classes; + + years.each(function(_year, i){ + var date = new Date(_year), year = date.get('year'); + + classes = '.year.year' + i; + if (year == today.get('year')) classes += '.today'; + if (year == currentDate.get('year')) classes += '.selected'; + element = new Element('div' + classes, {text: year}).inject(container); + + dateElements.push({element: element, time: _year}); + + if (isUnavailable('year', date, options)) element.addClass('unavailable'); + else element.addEvent('click', fn.pass(date)); + }); + + return container; + }, + + months: function(months, options, currentDate, dateElements, fn){ + var today = new Date(), + month = today.get('month'), + thisyear = today.get('year'), + selectedyear = currentDate.get('year'), + container = new Element('div.months'), + monthsAbbr = options.months_abbr || Locale.get('Date.months_abbr'), + element, classes; + + months.each(function(_month, i){ + var date = new Date(_month), year = date.get('year'); + + classes = '.month.month' + (i + 1); + if (i == month && year == thisyear) classes += '.today'; + if (i == currentDate.get('month') && year == selectedyear) classes += '.selected'; + element = new Element('div' + classes, {text: monthsAbbr[i]}).inject(container); + + dateElements.push({element: element, time: _month}); + + if (isUnavailable('month', date, options)) element.addClass('unavailable'); + else element.addEvent('click', fn.pass(date)); + }); + + return container; + }, + + days: function(days, options, currentDate, dateElements, fn){ + var month = new Date(days[14]).get('month'), + todayString = new Date().toDateString(), + currentString = currentDate.toDateString(), + weeknumbers = options.weeknumbers, + container = new Element('table.days' + (weeknumbers ? '.weeknumbers' : ''), { + role: 'grid', 'aria-labelledby': this.titleID + }), + header = new Element('thead').inject(container), + body = new Element('tbody').inject(container), + titles = new Element('tr.titles').inject(header), + localeDaysShort = options.days_abbr || Locale.get('Date.days_abbr'), + day, classes, element, weekcontainer, dateString, + where = options.rtl ? 'top' : 'bottom'; + + if (weeknumbers) new Element('th.title.day.weeknumber', { + text: Locale.get('DatePicker.week') + }).inject(titles); + + for (day = options.startDay; day < (options.startDay + 7); day++){ + new Element('th.title.day.day' + (day % 7), { + text: localeDaysShort[(day % 7)], + role: 'columnheader' + }).inject(titles, where); + } + + days.each(function(_date, i){ + var date = new Date(_date); + + if (i % 7 == 0){ + weekcontainer = new Element('tr.week.week' + (Math.floor(i / 7))).set('role', 'row').inject(body); + if (weeknumbers) new Element('th.day.weeknumber', {text: date.get('week'), scope: 'row', role: 'rowheader'}).inject(weekcontainer); + } + + dateString = date.toDateString(); + classes = '.day.day' + date.get('day'); + if (dateString == todayString) classes += '.today'; + if (date.get('month') != month) classes += '.otherMonth'; + element = new Element('td' + classes, {text: date.getDate(), role: 'gridcell'}).inject(weekcontainer, where); + + if (dateString == currentString) element.addClass('selected').set('aria-selected', 'true'); + else element.set('aria-selected', 'false'); + + dateElements.push({element: element, time: _date}); + + if (isUnavailable('date', date, options)) element.addClass('unavailable'); + else element.addEvent('click', fn.pass(date.clone())); + }); + + return container; + }, + + time: function(options, date, fn){ + var container = new Element('div.time'), + // make sure that the minutes are timeWheelStep * k + initMinutes = (date.get('minutes') / options.timeWheelStep).round() * options.timeWheelStep + + if (initMinutes >= 60) initMinutes = 0; + date.set('minutes', initMinutes); + + var hoursInput = new Element('input.hour[type=text]', { + title: Locale.get('DatePicker.use_mouse_wheel'), + value: date.format('%H'), + events: { + click: function(event){ + event.target.focus(); + event.stop(); + }, + mousewheel: function(event){ + event.stop(); + hoursInput.focus(); + var value = hoursInput.get('value').toInt(); + value = (event.wheel > 0) ? ((value < 23) ? value + 1 : 0) + : ((value > 0) ? value - 1 : 23) + date.set('hours', value); + hoursInput.set('value', date.format('%H')); + }.bind(this) + }, + maxlength: 2 + }).inject(container); + + var minutesInput = new Element('input.minutes[type=text]', { + title: Locale.get('DatePicker.use_mouse_wheel'), + value: date.format('%M'), + events: { + click: function(event){ + event.target.focus(); + event.stop(); + }, + mousewheel: function(event){ + event.stop(); + minutesInput.focus(); + var value = minutesInput.get('value').toInt(); + value = (event.wheel > 0) ? ((value < 59) ? (value + options.timeWheelStep) : 0) + : ((value > 0) ? (value - options.timeWheelStep) : (60 - options.timeWheelStep)); + if (value >= 60) value = 0; + date.set('minutes', value); + minutesInput.set('value', date.format('%M')); + }.bind(this) + }, + maxlength: 2 + }).inject(container); + + new Element('div.separator[text=:]').inject(container); + + new Element('input.ok', { + 'type': 'input', + value: Locale.get('DatePicker.time_confirm_button'), + events: {click: function(event){ + event.stop(); + date.set({ + hours: hoursInput.get('value').toInt(), + minutes: minutesInput.get('value').toInt() + }); + fn(date.clone()); + }} + }).inject(container); + + return container; + } + +}; + + +Picker.Date.defineRenderer = function(name, fn){ + renderers[name] = fn; + return this; +}; + +var limitDate = function(date, min, max){ + if (min && date < min) return min; + if (max && date > max) return max; + return date; +}; + +var isUnavailable = function(type, date, options){ + var minDate = options.minDate, + maxDate = options.maxDate, + availableDates = options.availableDates, + year, month, day, ms; + + if (!minDate && !maxDate && !availableDates) return false; + date.clearTime(); + + if (type == 'year'){ + year = date.get('year'); + return ( + (minDate && year < minDate.get('year')) || + (maxDate && year > maxDate.get('year')) || + ( + (availableDates != null && !options.invertAvailable) && ( + availableDates[year] == null || + Object.getLength(availableDates[year]) == 0 || + Object.getLength( + Object.filter(availableDates[year], function(days){ + return (days.length > 0); + }) + ) == 0 + ) + ) + ); + } + + if (type == 'month'){ + year = date.get('year'); + month = date.get('month') + 1; + ms = date.format('%Y%m').toInt(); + return ( + (minDate && ms < minDate.format('%Y%m').toInt()) || + (maxDate && ms > maxDate.format('%Y%m').toInt()) || + ( + (availableDates != null && !options.invertAvailable) && ( + availableDates[year] == null || + availableDates[year][month] == null || + availableDates[year][month].length == 0 + ) + ) + ); + } + + // type == 'date' + year = date.get('year'); + month = date.get('month') + 1; + day = date.get('date'); + + var dateAllow = (minDate && date < minDate) || (maxDate && date > maxDate); + if (availableDates != null){ + dateAllow = dateAllow + || availableDates[year] == null + || availableDates[year][month] == null + || !availableDates[year][month].contains(day); + if (options.invertAvailable) dateAllow = !dateAllow; + } + + return dateAllow; +}; + +})(); diff --git a/Source/Picker.js b/Source/Picker.js new file mode 100644 index 0000000..398a559 --- /dev/null +++ b/Source/Picker.js @@ -0,0 +1,344 @@ +/* +--- +name: Picker +description: Creates a Picker, which can be used for anything +authors: Arian Stolwijk +requires: [Core/Element.Dimensions, Core/Fx.Tween, Core/Fx.Transitions] +provides: Picker +... +*/ + + +var Picker = new Class({ + + Implements: [Options, Events], + + options: {/* + onShow: function(){}, + onOpen: function(){}, + onHide: function(){}, + onClose: function(){},*/ + + pickerClass: 'datepicker', + inject: null, + animationDuration: 400, + useFadeInOut: true, + positionOffset: {x: 0, y: 0}, + pickerPosition: 'bottom', + draggable: true, + showOnInit: true, + columns: 1, + footer: false + }, + + initialize: function(options){ + this.setOptions(options); + this.constructPicker(); + if (this.options.showOnInit) this.show(); + }, + + constructPicker: function(){ + var options = this.options; + + var picker = this.picker = new Element('div', { + 'class': options.pickerClass, + styles: { + left: 0, + top: 0, + display: 'none', + opacity: 0 + } + }).inject(options.inject || document.body); + picker.addClass('column_' + options.columns); + + if (options.useFadeInOut){ + picker.set('tween', { + duration: options.animationDuration, + link: 'cancel' + }); + } + + // Build the header + var header = this.header = new Element('div.header').inject(picker); + + var title = this.title = new Element('div.title').inject(header); + var titleID = this.titleID = 'pickertitle-' + String.uniqueID(); + this.titleText = new Element('div', { + 'role': 'heading', + 'class': 'titleText', + 'id': titleID, + 'aria-live': 'assertive', + 'aria-atomic': 'true' + }).inject(title); + + this.closeButton = new Element('div.closeButton[text=x][role=button]') + .addEvent('click', this.close.pass(false, this)) + .inject(header); + + // Build the body of the picker + var body = this.body = new Element('div.body').inject(picker); + + if (options.footer){ + this.footer = new Element('div.footer').inject(picker); + picker.addClass('footer'); + } + + // oldContents and newContents are used to slide from the old content to a new one. + var slider = this.slider = new Element('div.slider', { + styles: { + position: 'absolute', + top: 0, + left: 0 + } + }).set('tween', { + duration: options.animationDuration, + transition: Fx.Transitions.Quad.easeInOut + }).inject(body); + + this.newContents = new Element('div', { + styles: { + position: 'absolute', + top: 0, + left: 0 + } + }).inject(slider); + + this.oldContents = new Element('div', { + styles: { + position: 'absolute', + top: 0 + } + }).inject(slider); + + this.originalColumns = options.columns; + this.setColumns(options.columns); + + // IFrameShim for select fields in IE + var shim = this.shim = window['IframeShim'] ? new IframeShim(picker) : null; + + // Dragging + if (options.draggable && typeOf(picker.makeDraggable) == 'function'){ + this.dragger = picker.makeDraggable(shim ? { + onDrag: shim.position.bind(shim) + } : null); + picker.setStyle('cursor', 'move'); + } + }, + + open: function(noFx){ + if (this.opened == true) return this; + this.opened = true; + var self = this, + picker = this.picker.setStyle('display', 'block').set('aria-hidden', 'false') + if (this.shim) this.shim.show(); + this.fireEvent('open'); + if (this.options.useFadeInOut && !noFx){ + picker.get('tween').start('opacity', 1).chain(function(){ + self.fireEvent('show'); + this.callChain(); + }); + } else { + picker.setStyle('opacity', 1); + this.fireEvent('show'); + } + return this; + }, + + show: function(){ + return this.open(true); + }, + + close: function(noFx){ + if (this.opened == false) return this; + this.opened = false; + this.fireEvent('close'); + var self = this, picker = this.picker, hide = function(){ + picker.setStyle('display', 'none').set('aria-hidden', 'true'); + if (self.shim) self.shim.hide(); + self.fireEvent('hide'); + }; + if (this.options.useFadeInOut && !noFx){ + picker.get('tween').start('opacity', 0).chain(hide); + } else { + picker.setStyle('opacity', 0); + hide(); + } + return this; + }, + + hide: function(){ + return this.close(true); + }, + + toggle: function(){ + return this[this.opened == true ? 'close' : 'open'](); + }, + + destroy: function(){ + this.picker.destroy(); + if (this.shim) this.shim.destroy(); + }, + + position: function(x, y){ + var offset = this.options.positionOffset, + scroll = document.getScroll(), + size = document.getSize(), + pickersize = this.picker.getSize(); + + if (typeOf(x) == 'element'){ + var element = x, + where = y || this.options.pickerPosition; + + var elementCoords = element.getCoordinates(); + + x = (where == 'left') ? elementCoords.left - pickersize.x + : (where == 'bottom' || where == 'top') ? elementCoords.left + : elementCoords.right + y = (where == 'bottom') ? elementCoords.bottom + : (where == 'top') ? elementCoords.top - pickersize.y + : elementCoords.top; + } + + x += offset.x * ((where && where == 'left') ? -1 : 1); + y += offset.y * ((where && where == 'top') ? -1: 1); + + if ((x + pickersize.x) > (size.x + scroll.x)) x = (size.x + scroll.x) - pickersize.x; + if ((y + pickersize.y) > (size.y + scroll.y)) y = (size.y + scroll.y) - pickersize.y; + if (x < 0) x = 0; + if (y < 0) y = 0; + + this.picker.setStyles({ + left: x, + top: y + }); + if (this.shim) this.shim.position(); + return this; + }, + + setBodySize: function(){ + var bodysize = this.bodysize = this.body.getSize(); + + this.slider.setStyles({ + width: 2 * bodysize.x, + height: bodysize.y + }); + this.oldContents.setStyles({ + left: bodysize.x, + width: bodysize.x, + height: bodysize.y + }); + this.newContents.setStyles({ + width: bodysize.x, + height: bodysize.y + }); + }, + + setColumnContent: function(column, content){ + var columnElement = this.columns[column]; + if (!columnElement) return this; + + var type = typeOf(content); + if (['string', 'number'].contains(type)) columnElement.set('text', content); + else columnElement.empty().adopt(content); + + return this; + }, + + setColumnsContent: function(content, fx){ + var old = this.columns; + this.columns = this.newColumns; + this.newColumns = old; + + content.forEach(function(_content, i){ + this.setColumnContent(i, _content); + }, this); + return this.setContent(null, fx); + }, + + setColumns: function(columns){ + var _columns = this.columns = new Elements, _newColumns = this.newColumns = new Elements; + for (var i = columns; i--;){ + _columns.push(new Element('div.column').addClass('column_' + (columns - i))); + _newColumns.push(new Element('div.column').addClass('column_' + (columns - i))); + } + + var oldClass = 'column_' + this.options.columns, newClass = 'column_' + columns; + this.picker.removeClass(oldClass).addClass(newClass); + + this.options.columns = columns; + return this; + }, + + setContent: function(content, fx){ + if (content) return this.setColumnsContent([content], fx); + + // swap contents so we can fill the newContents again and animate + var old = this.oldContents; + this.oldContents = this.newContents; + this.newContents = old; + this.newContents.empty(); + + this.newContents.adopt(this.columns); + + this.setBodySize(); + + if (fx){ + this.fx(fx); + } else { + this.slider.setStyle('left', 0); + this.oldContents.setStyles({left: 0, opacity: 0}); + this.newContents.setStyles({left: 0, opacity: 1}); + } + return this; + }, + + fx: function(fx){ + var oldContents = this.oldContents, + newContents = this.newContents, + slider = this.slider, + bodysize = this.bodysize; + if (fx == 'right'){ + oldContents.setStyles({left: 0, opacity: 1}); + newContents.setStyles({left: bodysize.x, opacity: 1}); + slider.setStyle('left', 0).tween('left', 0, -bodysize.x); + } else if (fx == 'left'){ + oldContents.setStyles({left: bodysize.x, opacity: 1}); + newContents.setStyles({left: 0, opacity: 1}); + slider.setStyle('left', -bodysize.x).tween('left', -bodysize.x, 0); + } else if (fx == 'fade'){ + slider.setStyle('left', 0); + oldContents.setStyle('left', 0).set('tween', { + duration: this.options.animationDuration / 2 + }).tween('opacity', 1, 0).get('tween').chain(function(){ + oldContents.setStyle('left', bodysize.x); + }); + newContents.setStyles({opacity: 0, left: 0}).set('tween', { + duration: this.options.animationDuration + }).tween('opacity', 0, 1); + } + }, + + toElement: function(){ + return this.picker; + }, + + setTitle: function(content, fn){ + if (!fn) fn = Function.from; + this.titleText.empty().adopt( + Array.from(content).map(function(item, i){ + return typeOf(item) == 'element' + ? item + : new Element('div.column', {text: fn(item, this.options)}).addClass('column_' + (i + 1)); + }, this) + ); + return this; + }, + + setTitleEvent: function(fn){ + this.titleText.removeEvents('click'); + if (fn) this.titleText.addEvent('click', fn); + this.titleText.setStyle('cursor', fn ? 'pointer' : ''); + return this; + } + +}); diff --git a/datepicker.css b/Source/datepicker.css similarity index 76% rename from datepicker.css rename to Source/datepicker.css index 1c54ebb..e182958 100644 --- a/datepicker.css +++ b/Source/datepicker.css @@ -7,6 +7,23 @@ height: 221px; background: #fff; line-height: normal; + z-index: 3003; +} + +.datepicker.column_2 { + width: 393px; +} + +.datepicker.column_3 { + width: 592px; +} + +.datepicker.column_4 { + width: 791px; +} + +.datepicker.column_5 { + width: 990px; } /* header @@ -17,17 +34,19 @@ height: 21px; padding-top: 4px; margin-bottom: 3px; + overflow: hidden; } .datepicker .header .title { text-align: center; padding-top: 1px; - margin: 0px 42px 0 20px; + position: absolute; + color: #fff; + font-weight: bold; + width: 99999px; } .datepicker .header .titleText { - color: #fff; - font-weight: bold; } .datepicker .header .next, .datepicker .header .previous, @@ -57,12 +76,45 @@ position: relative; top: 0px; left: 0px; - width: 194px; - border-right: 2px solid #fff; height: 193px; overflow: hidden; } +/* Columns */ + +.datepicker .body .column { + float: left; + width: 194px; + min-height: 193px; + margin-left: 5px; +} + +.datepicker .body .column.column_1 { + margin-left: 0; +} + +.datepicker .titleText .column { + float: left; + width: 194px; + margin-left: 5px; +} + +.datepicker .titleText .column.column_1 { + margin-left: 0; +} + +/* Footer */ + +.datepicker.footer { + height: 280px; +} + +.datepicker .footer { + margin-top: 3px; + padding: 15px 5px; + height: 26px; +} + /* time ********************************************************/ .datepicker .time { @@ -207,7 +259,12 @@ color: #fff !important; } -.datepicker .unavailable { +.datepicker .days .otherMonth.selected { + background: #bbbfc8 !important; +} + +.datepicker .unavailable, +.datepicker .body .days .week .day.unavailable:hover { background: #edd !important; color: #b88 !important; cursor: default !important; @@ -218,4 +275,24 @@ .datepicker .years .year:hover { background: #5D6E95 !important; color: #fff !important; -} \ No newline at end of file +} + +.datepicker .days.weeknumbers .day { + width: 22px; +} + +.datepicker .days.weeknumbers .day.weeknumber, +.datepicker .days.weeknumbers .day.weeknumber:hover { + color: #AAA !important; + width: 16px !important; + background: #EEE !important; +} + +.datepicker table { + border-spacing: 0; +} + +.datepicker th, +.datepicker td { + padding: 0; +} diff --git a/Source/datepicker_dashboard/buttons.png b/Source/datepicker_dashboard/buttons.png new file mode 100644 index 0000000..8de1438 Binary files /dev/null and b/Source/datepicker_dashboard/buttons.png differ diff --git a/datepicker_dashboard/datepicker_dashboard.css b/Source/datepicker_dashboard/datepicker_dashboard.css similarity index 97% rename from datepicker_dashboard/datepicker_dashboard.css rename to Source/datepicker_dashboard/datepicker_dashboard.css index 3b8f06f..760910d 100644 --- a/datepicker_dashboard/datepicker_dashboard.css +++ b/Source/datepicker_dashboard/datepicker_dashboard.css @@ -130,6 +130,7 @@ padding-top: 1px; height: 14px; margin: 0 1px 1px 0; + font-weight: normal; } .datepicker_dashboard .days .titles { height: 15px; @@ -243,3 +244,12 @@ cursor: default !important; text-decoration: line-through; } + +.datepicker_dashboard table { + border-spacing: 0; +} + +.datepicker_dashboard th, +.datepicker_dashboard td { + padding: 0; +} diff --git a/Source/datepicker_dashboard/frame.png b/Source/datepicker_dashboard/frame.png new file mode 100644 index 0000000..841e247 Binary files /dev/null and b/Source/datepicker_dashboard/frame.png differ diff --git a/Source/datepicker_jqui/arrows.png b/Source/datepicker_jqui/arrows.png new file mode 100644 index 0000000..d0d259b Binary files /dev/null and b/Source/datepicker_jqui/arrows.png differ diff --git a/datepicker_jqui/datepicker_jqui.css b/Source/datepicker_jqui/datepicker_jqui.css similarity index 98% rename from datepicker_jqui/datepicker_jqui.css rename to Source/datepicker_jqui/datepicker_jqui.css index 2d12d5b..902db5b 100644 --- a/datepicker_jqui/datepicker_jqui.css +++ b/Source/datepicker_jqui/datepicker_jqui.css @@ -278,3 +278,12 @@ color: #ccc !important; border: 1px solid #ccc !important; } + +.datepicker_jqui table { + border-spacing: 0; +} + +.datepicker_jqui th, +.datepicker_jqui td { + padding: 0; +} diff --git a/Source/datepicker_jqui/frame.png b/Source/datepicker_jqui/frame.png new file mode 100644 index 0000000..c8187af Binary files /dev/null and b/Source/datepicker_jqui/frame.png differ diff --git a/Source/datepicker_minimal/datepicker_minimal.css b/Source/datepicker_minimal/datepicker_minimal.css new file mode 100644 index 0000000..b232d0b --- /dev/null +++ b/Source/datepicker_minimal/datepicker_minimal.css @@ -0,0 +1,208 @@ +/* + Minimal Theme + Author: Leon Radley (github.com/leon) + + Selected: #95adb8 + Hover: #c6d2d8 + Current: #f60 +*/ +.datepicker_minimal { + position: absolute; + border: 1px solid #ddd; + font-size: 11px; + width: 220px; + height: 200px; + background: #fff; + line-height: normal; + z-index: 3003; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} + .datepicker_minimal th, + .datepicker_minimal td { + margin: 0; + padding: 0; + } + .datepicker_minimal .selected { + background: #95adb8 !important; + color: #fff !important; + } + + .datepicker_minimal .unavailable, + .datepicker_minimal .day.unavailable:hover { + background: #edd !important; + color: #b88 !important; + cursor: default !important; + } + + .datepicker_minimal td.day:hover, + .datepicker_minimal .month:hover, + .datepicker_minimal .year:hover { + background: #c6d2d8 !important; + color: #222 !important; + } + +/* + Header +*/ +.datepicker_minimal .header { + position: relative; + background: #333; + height: 25px; +} + .datepicker_minimal .header .title { + margin: 0 50px; + text-align: center; + line-height: 25px; + } + .datepicker_minimal .header .titleText { + color: #fff; + font-weight: bold; + } + .datepicker_minimal .header .next, + .datepicker_minimal .header .previous, + .datepicker_minimal .header .closeButton { + position: absolute; + top: 0; + width: 25px; + height: 25px; + line-height: 25px; + text-align: center; + color: #fff; + cursor: pointer; + } + .datepicker_minimal .header .previous { + left: 0; + } + .datepicker_minimal .header .next { + right: 25px; + } + .datepicker_minimal .header .closeButton { + right: 0; + } + +/* + Body +*/ +.datepicker_minimal .body { + position: relative; + top: 0; + left: 0; + width: 100%; + height: 175px; + overflow: hidden; +} + .datepicker_minimal .body .column { + height: 100%; + } + +/* + Days +*/ +.datepicker_minimal .days { + width: 100%; + border: 0; + border-spacing: 0; +} + .datepicker_minimal .days .title { + font-weight: bold; + color: #444; + cursor: default; + width: 14.2857142857143%; /* 100/7 */ + } + .datepicker_minimal .days.weeknumbers .title { + width: 12.5%; + } + .datepicker_minimal .days .otherMonth { + background: #eee; + color: #aaa; + } + .datepicker_minimal .day { + cursor: pointer; + text-align: center; + overflow: hidden; + line-height: 25px; + } + .datepicker_minimal .today { + color: #f60; + font-weight: bold; + } + .datepicker_minimal .day0 { + margin-right: 0; + } + .datepicker_minimal .days .week5 .day { + margin-bottom: 0; + } + +/* + Months +*/ +.datepicker_minimal .months { + height: 100%; +} + .datepicker_minimal .month { + float: left; + display: inline; + width: 33.33333333%; + line-height: 44px; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: hidden; + } + +/* + Years +*/ +.datepicker_minimal .years { + height: 100%; +} + .datepicker_minimal .year { + float: left; + display: inline; + width: 25%; + line-height: 35px; + cursor: pointer; + text-align: center; + overflow: hidden; + } + +/* + Time +*/ +.datepicker_minimal .time { + width: 100%; + height: 100%; + background: #fff; +} + .datepicker_minimal .time .hour, + .datepicker_minimal .time .separator, + .datepicker_minimal .time .minutes { + position: absolute; + top: 50px; + width: 50px; + border: 1px dashed #ddd; + font-size: 32px; + text-align: center; + } + .datepicker_minimal .time .hour { + left: 40px; + } + .datepicker_minimal .time .separator { + background: transparent; + border: 0px; + width: 10px; + left: 100px; + } + + .datepicker_minimal .time .minutes { + left: 120px; + } + .datepicker_minimal .time .ok { + position: absolute; + top: 105px; + width: 136px; + left: 40px; + font-size: 20px; + } diff --git a/Source/datepicker_vista/buttons.png b/Source/datepicker_vista/buttons.png new file mode 100644 index 0000000..a26e8fa Binary files /dev/null and b/Source/datepicker_vista/buttons.png differ diff --git a/datepicker_vista/datepicker_vista.css b/Source/datepicker_vista/datepicker_vista.css similarity index 97% rename from datepicker_vista/datepicker_vista.css rename to Source/datepicker_vista/datepicker_vista.css index ae02e6f..9276730 100644 --- a/datepicker_vista/datepicker_vista.css +++ b/Source/datepicker_vista/datepicker_vista.css @@ -245,3 +245,12 @@ color: #fbb !important; cursor: default !important; } + +.datepicker_vista table { + border-spacing: 0; +} + +.datepicker_vista th, +.datepicker_vista td { + padding: 0; +} diff --git a/Source/datepicker_vista/days.png b/Source/datepicker_vista/days.png new file mode 100644 index 0000000..ce768f6 Binary files /dev/null and b/Source/datepicker_vista/days.png differ diff --git a/Source/datepicker_vista/frame.png b/Source/datepicker_vista/frame.png new file mode 100644 index 0000000..eff17d8 Binary files /dev/null and b/Source/datepicker_vista/frame.png differ diff --git a/Source/datepicker_vista/months.png b/Source/datepicker_vista/months.png new file mode 100644 index 0000000..0a1585b Binary files /dev/null and b/Source/datepicker_vista/months.png differ diff --git a/Source/datepicker_vista/years.png b/Source/datepicker_vista/years.png new file mode 100644 index 0000000..cfb061d Binary files /dev/null and b/Source/datepicker_vista/years.png differ diff --git a/Test/Locale.nl-NL.Date.js b/Test/Locale.nl-NL.Date.js new file mode 100644 index 0000000..b8c4e06 --- /dev/null +++ b/Test/Locale.nl-NL.Date.js @@ -0,0 +1,67 @@ +/* +--- + +name: Locale.nl-NL.Date + +description: Date messages for Dutch. + +license: MIT-style license + +authors: + - Lennart Pilon + - Tim Wienk + +requires: + - /Locale + +provides: [Locale.nl-NL.Date] + +... +*/ + +Locale.define('nl-NL', 'Date', { + + months: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'], + months_abbr: ['jan', 'feb', 'mrt', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'], + days: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'], + days_abbr: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'], + + // Culture's date order: DD-MM-YYYY + dateOrder: ['date', 'month', 'year'], + shortDate: '%d-%m-%Y', + shortTime: '%H:%M', + AM: 'AM', + PM: 'PM', + + // Date.Extras + ordinal: 'e', + + lessThanMinuteAgo: 'minder dan een minuut geleden', + minuteAgo: 'ongeveer een minuut geleden', + minutesAgo: '{delta} minuten geleden', + hourAgo: 'ongeveer een uur geleden', + hoursAgo: 'ongeveer {delta} uur geleden', + dayAgo: 'een dag geleden', + daysAgo: '{delta} dagen geleden', + weekAgo: 'een week geleden', + weeksAgo: '{delta} weken geleden', + monthAgo: 'een maand geleden', + monthsAgo: '{delta} maanden geleden', + yearAgo: 'een jaar geleden', + yearsAgo: '{delta} jaar geleden', + + lessThanMinuteUntil: 'over minder dan een minuut', + minuteUntil: 'over ongeveer een minuut', + minutesUntil: 'over {delta} minuten', + hourUntil: 'over ongeveer een uur', + hoursUntil: 'over {delta} uur', + dayUntil: 'over ongeveer een dag', + daysUntil: 'over {delta} dagen', + weekUntil: 'over een week', + weeksUntil: 'over {delta} weken', + monthUntil: 'over een maand', + monthsUntil: 'over {delta} maanden', + yearUntil: 'over een jaar', + yearsUntil: 'over {delta} jaar' + +}); diff --git a/Test/columns.html b/Test/columns.html new file mode 100644 index 0000000..136f9e6 --- /dev/null +++ b/Test/columns.html @@ -0,0 +1,39 @@ + + + + + Full Date and TimePicker + + + + + + + + + + + + + + + + +

Multiple Columns

+ +

+ Inputs:
+ +

+ + + + + diff --git a/Test/events.html b/Test/events.html new file mode 100644 index 0000000..ca383bb --- /dev/null +++ b/Test/events.html @@ -0,0 +1,64 @@ + + + + + DatePicker Events + + + + + + + + + + + + + + + + + +

DatePicker Events

+ +

+ This shows the different Events DatePicker fires. You can use the onSelect event if you want to + display the selected date elsewhere for example. +

+ +
 
+ +

+ Inputs: + +

+ + + + \ No newline at end of file diff --git a/Test/full.html b/Test/full.html new file mode 100644 index 0000000..5ff6097 --- /dev/null +++ b/Test/full.html @@ -0,0 +1,51 @@ + + + + + Full Date and TimePicker + + + + + + + + + + + + + + + +

Full Date and TimePicker

+ +

+ This is a demo of a all the pickers, including years, months, days and time.
+ You should begin at the days view, but you can click the title to go up to months and years.
+ If you've selected a day, you should see the timepicker. +

+ +

+ Inputs:
+ +

+ +

+ Empty default value:
+ +

+ + + \ No newline at end of file diff --git a/Test/index.html b/Test/index.html new file mode 100644 index 0000000..28881bc --- /dev/null +++ b/Test/index.html @@ -0,0 +1,63 @@ + + + + + MooTools DatePicker + + + + + + + +
+ +

MooTools DatePicker Demos

+ +

+ Select one of the pickers you would like to see. The demo will load in the iframe. +

+ + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/Test/legacy.html b/Test/legacy.html new file mode 100644 index 0000000..d697993 --- /dev/null +++ b/Test/legacy.html @@ -0,0 +1,185 @@ + + + + + +MooTools Datepicker + + + + + + + + + + + + + + + + + + + + + +

MooTools Datepicker 1.6 Tests

+ +
 
+ +

+
+
+ +

+ +

+
+ +

+ +

+
+ +

+ + +

+
+ +

+ +

+
+ +

+ +

+Click to attach the datepicker to this field
+Click to detach the datepicker from this field
+Show datepicker (after you attached it)
+
+ +

+ +

+
+ +

+ +

+
+ +Toggle +

+ + +

+
+ +

+ +

+
+ +

+ +

+
+ +

+ + + + diff --git a/Test/locale.html b/Test/locale.html new file mode 100644 index 0000000..9faa185 --- /dev/null +++ b/Test/locale.html @@ -0,0 +1,83 @@ + + + + + Picker.Date Localization + + + + + + + + + + + + + + + + +

Localized Date Picker

+ +

+ This datepicker should parse the date as february 8th 1991 (dd-mm-yyyy). And should format it that way when it is ready. + The month and day names should be localized as well. +

+ +

+ Inputs: + +

+ +

+ This demo uses a custom set of day/month name abbreviations +

+ +

+ Inputs: + +

+ +

+ This demo uses custom titlebar texts +

+ +

+ Inputs: +

+ + + \ No newline at end of file diff --git a/Test/minmaxdate.html b/Test/minmaxdate.html new file mode 100644 index 0000000..4f717d7 --- /dev/null +++ b/Test/minmaxdate.html @@ -0,0 +1,122 @@ + + + + + Min and Max Dates + + + + + + + + + + + + + + + + + +

Min and Max dates

+ +

+ This demo shows the minDate and maxDate options. You can set them to a certain date so the user + cannot select a date outside that limits. The limits are set to and . +

+ +

+ Input:
+ +

+

+ Input (option is set as string):
+ +

+

+ Input (only a few dates are available):
+ +

+

+ Input (invert previously available dates):
+ +

+

+ Input with only maxDate:
+ +

+ + + diff --git a/Test/monthpicker.html b/Test/monthpicker.html new file mode 100644 index 0000000..79d8b33 --- /dev/null +++ b/Test/monthpicker.html @@ -0,0 +1,45 @@ + + + + + Picker.Date Monthpicker + + + + + + + + + + + + + + + +

MonthPicker

+ +

+ This test shows a monthpicker only. It should parse the default month (December) and it should format it that way.
+ You can go up to the years picker, but you cannot pick a specific day. +

+ +

+ Inputs: + +

+ + + + \ No newline at end of file diff --git a/Test/mootools-core.js b/Test/mootools-core.js new file mode 100644 index 0000000..74540cb --- /dev/null +++ b/Test/mootools-core.js @@ -0,0 +1,4942 @@ +/* +--- +MooTools: the javascript framework + +web build: + - http://mootools.net/core/1b88678fe598d7ab8e7d33b28e786893 + +packager build: + - packager build Core/Core Core/Array Core/String Core/Number Core/Function Core/Object Core/Event Core/Browser Core/Class Core/Class.Extras Core/Slick.Parser Core/Slick.Finder Core/Element Core/Element.Style Core/Element.Event Core/Element.Dimensions Core/Fx Core/Fx.CSS Core/Fx.Tween Core/Fx.Morph Core/Fx.Transitions Core/DOMReady + +/* +--- + +name: Core + +description: The heart of MooTools. + +license: MIT-style license. + +copyright: Copyright (c) 2006-2010 [Valerio Proietti](http://mad4milk.net/). + +authors: The MooTools production team (http://mootools.net/developers/) + +inspiration: + - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php) + - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php) + +provides: [Core, MooTools, Type, typeOf, instanceOf, Native] + +... +*/ + +(function(){ + +this.MooTools = { + version: '1.4.1', + build: 'd1fb25710e3c5482a219ab9dc675a4e0ad2176b6' +}; + +// typeOf, instanceOf + +var typeOf = this.typeOf = function(item){ + if (item == null) return 'null'; + if (item.$family) return item.$family(); + + if (item.nodeName){ + if (item.nodeType == 1) return 'element'; + if (item.nodeType == 3) return (/\S/).test(item.nodeValue) ? 'textnode' : 'whitespace'; + } else if (typeof item.length == 'number'){ + if (item.callee) return 'arguments'; + if ('item' in item) return 'collection'; + } + + return typeof item; +}; + +var instanceOf = this.instanceOf = function(item, object){ + if (item == null) return false; + var constructor = item.$constructor || item.constructor; + while (constructor){ + if (constructor === object) return true; + constructor = constructor.parent; + } + return item instanceof object; +}; + +// Function overloading + +var Function = this.Function; + +var enumerables = true; +for (var i in {toString: 1}) enumerables = null; +if (enumerables) enumerables = ['hasOwnProperty', 'valueOf', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'constructor']; + +Function.prototype.overloadSetter = function(usePlural){ + var self = this; + return function(a, b){ + if (a == null) return this; + if (usePlural || typeof a != 'string'){ + for (var k in a) self.call(this, k, a[k]); + if (enumerables) for (var i = enumerables.length; i--;){ + k = enumerables[i]; + if (a.hasOwnProperty(k)) self.call(this, k, a[k]); + } + } else { + self.call(this, a, b); + } + return this; + }; +}; + +Function.prototype.overloadGetter = function(usePlural){ + var self = this; + return function(a){ + var args, result; + if (usePlural || typeof a != 'string') args = a; + else if (arguments.length > 1) args = arguments; + if (args){ + result = {}; + for (var i = 0; i < args.length; i++) result[args[i]] = self.call(this, args[i]); + } else { + result = self.call(this, a); + } + return result; + }; +}; + +Function.prototype.extend = function(key, value){ + this[key] = value; +}.overloadSetter(); + +Function.prototype.implement = function(key, value){ + this.prototype[key] = value; +}.overloadSetter(); + +// From + +var slice = Array.prototype.slice; + +Function.from = function(item){ + return (typeOf(item) == 'function') ? item : function(){ + return item; + }; +}; + +Array.from = function(item){ + if (item == null) return []; + return (Type.isEnumerable(item) && typeof item != 'string') ? (typeOf(item) == 'array') ? item : slice.call(item) : [item]; +}; + +Number.from = function(item){ + var number = parseFloat(item); + return isFinite(number) ? number : null; +}; + +String.from = function(item){ + return item + ''; +}; + +// hide, protect + +Function.implement({ + + hide: function(){ + this.$hidden = true; + return this; + }, + + protect: function(){ + this.$protected = true; + return this; + } + +}); + +// Type + +var Type = this.Type = function(name, object){ + if (name){ + var lower = name.toLowerCase(); + var typeCheck = function(item){ + return (typeOf(item) == lower); + }; + + Type['is' + name] = typeCheck; + if (object != null){ + object.prototype.$family = (function(){ + return lower; + }).hide(); + + } + } + + if (object == null) return null; + + object.extend(this); + object.$constructor = Type; + object.prototype.$constructor = object; + + return object; +}; + +var toString = Object.prototype.toString; + +Type.isEnumerable = function(item){ + return (item != null && typeof item.length == 'number' && toString.call(item) != '[object Function]' ); +}; + +var hooks = {}; + +var hooksOf = function(object){ + var type = typeOf(object.prototype); + return hooks[type] || (hooks[type] = []); +}; + +var implement = function(name, method){ + if (method && method.$hidden) return; + + var hooks = hooksOf(this); + + for (var i = 0; i < hooks.length; i++){ + var hook = hooks[i]; + if (typeOf(hook) == 'type') implement.call(hook, name, method); + else hook.call(this, name, method); + } + + var previous = this.prototype[name]; + if (previous == null || !previous.$protected) this.prototype[name] = method; + + if (this[name] == null && typeOf(method) == 'function') extend.call(this, name, function(item){ + return method.apply(item, slice.call(arguments, 1)); + }); +}; + +var extend = function(name, method){ + if (method && method.$hidden) return; + var previous = this[name]; + if (previous == null || !previous.$protected) this[name] = method; +}; + +Type.implement({ + + implement: implement.overloadSetter(), + + extend: extend.overloadSetter(), + + alias: function(name, existing){ + implement.call(this, name, this.prototype[existing]); + }.overloadSetter(), + + mirror: function(hook){ + hooksOf(this).push(hook); + return this; + } + +}); + +new Type('Type', Type); + +// Default Types + +var force = function(name, object, methods){ + var isType = (object != Object), + prototype = object.prototype; + + if (isType) object = new Type(name, object); + + for (var i = 0, l = methods.length; i < l; i++){ + var key = methods[i], + generic = object[key], + proto = prototype[key]; + + if (generic) generic.protect(); + + if (isType && proto){ + delete prototype[key]; + prototype[key] = proto.protect(); + } + } + + if (isType) object.implement(prototype); + + return force; +}; + +force('String', String, [ + 'charAt', 'charCodeAt', 'concat', 'indexOf', 'lastIndexOf', 'match', 'quote', 'replace', 'search', + 'slice', 'split', 'substr', 'substring', 'trim', 'toLowerCase', 'toUpperCase' +])('Array', Array, [ + 'pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice', + 'indexOf', 'lastIndexOf', 'filter', 'forEach', 'every', 'map', 'some', 'reduce', 'reduceRight' +])('Number', Number, [ + 'toExponential', 'toFixed', 'toLocaleString', 'toPrecision' +])('Function', Function, [ + 'apply', 'call', 'bind' +])('RegExp', RegExp, [ + 'exec', 'test' +])('Object', Object, [ + 'create', 'defineProperty', 'defineProperties', 'keys', + 'getPrototypeOf', 'getOwnPropertyDescriptor', 'getOwnPropertyNames', + 'preventExtensions', 'isExtensible', 'seal', 'isSealed', 'freeze', 'isFrozen' +])('Date', Date, ['now']); + +Object.extend = extend.overloadSetter(); + +Date.extend('now', function(){ + return +(new Date); +}); + +new Type('Boolean', Boolean); + +// fixes NaN returning as Number + +Number.prototype.$family = function(){ + return isFinite(this) ? 'number' : 'null'; +}.hide(); + +// Number.random + +Number.extend('random', function(min, max){ + return Math.floor(Math.random() * (max - min + 1) + min); +}); + +// forEach, each + +var hasOwnProperty = Object.prototype.hasOwnProperty; +Object.extend('forEach', function(object, fn, bind){ + for (var key in object){ + if (hasOwnProperty.call(object, key)) fn.call(bind, object[key], key, object); + } +}); + +Object.each = Object.forEach; + +Array.implement({ + + forEach: function(fn, bind){ + for (var i = 0, l = this.length; i < l; i++){ + if (i in this) fn.call(bind, this[i], i, this); + } + }, + + each: function(fn, bind){ + Array.forEach(this, fn, bind); + return this; + } + +}); + +// Array & Object cloning, Object merging and appending + +var cloneOf = function(item){ + switch (typeOf(item)){ + case 'array': return item.clone(); + case 'object': return Object.clone(item); + default: return item; + } +}; + +Array.implement('clone', function(){ + var i = this.length, clone = new Array(i); + while (i--) clone[i] = cloneOf(this[i]); + return clone; +}); + +var mergeOne = function(source, key, current){ + switch (typeOf(current)){ + case 'object': + if (typeOf(source[key]) == 'object') Object.merge(source[key], current); + else source[key] = Object.clone(current); + break; + case 'array': source[key] = current.clone(); break; + default: source[key] = current; + } + return source; +}; + +Object.extend({ + + merge: function(source, k, v){ + if (typeOf(k) == 'string') return mergeOne(source, k, v); + for (var i = 1, l = arguments.length; i < l; i++){ + var object = arguments[i]; + for (var key in object) mergeOne(source, key, object[key]); + } + return source; + }, + + clone: function(object){ + var clone = {}; + for (var key in object) clone[key] = cloneOf(object[key]); + return clone; + }, + + append: function(original){ + for (var i = 1, l = arguments.length; i < l; i++){ + var extended = arguments[i] || {}; + for (var key in extended) original[key] = extended[key]; + } + return original; + } + +}); + +// Object-less types + +['Object', 'WhiteSpace', 'TextNode', 'Collection', 'Arguments'].each(function(name){ + new Type(name); +}); + +// Unique ID + +var UID = Date.now(); + +String.extend('uniqueID', function(){ + return (UID++).toString(36); +}); + + + +})(); + + +/* +--- + +name: Array + +description: Contains Array Prototypes like each, contains, and erase. + +license: MIT-style license. + +requires: Type + +provides: Array + +... +*/ + +Array.implement({ + + /**/ + every: function(fn, bind){ + for (var i = 0, l = this.length >>> 0; i < l; i++){ + if ((i in this) && !fn.call(bind, this[i], i, this)) return false; + } + return true; + }, + + filter: function(fn, bind){ + var results = []; + for (var i = 0, l = this.length >>> 0; i < l; i++){ + if ((i in this) && fn.call(bind, this[i], i, this)) results.push(this[i]); + } + return results; + }, + + indexOf: function(item, from){ + var length = this.length >>> 0; + for (var i = (from < 0) ? Math.max(0, length + from) : from || 0; i < length; i++){ + if (this[i] === item) return i; + } + return -1; + }, + + map: function(fn, bind){ + var length = this.length >>> 0, results = Array(length); + for (var i = 0; i < length; i++){ + if (i in this) results[i] = fn.call(bind, this[i], i, this); + } + return results; + }, + + some: function(fn, bind){ + for (var i = 0, l = this.length >>> 0; i < l; i++){ + if ((i in this) && fn.call(bind, this[i], i, this)) return true; + } + return false; + }, + /**/ + + clean: function(){ + return this.filter(function(item){ + return item != null; + }); + }, + + invoke: function(methodName){ + var args = Array.slice(arguments, 1); + return this.map(function(item){ + return item[methodName].apply(item, args); + }); + }, + + associate: function(keys){ + var obj = {}, length = Math.min(this.length, keys.length); + for (var i = 0; i < length; i++) obj[keys[i]] = this[i]; + return obj; + }, + + link: function(object){ + var result = {}; + for (var i = 0, l = this.length; i < l; i++){ + for (var key in object){ + if (object[key](this[i])){ + result[key] = this[i]; + delete object[key]; + break; + } + } + } + return result; + }, + + contains: function(item, from){ + return this.indexOf(item, from) != -1; + }, + + append: function(array){ + this.push.apply(this, array); + return this; + }, + + getLast: function(){ + return (this.length) ? this[this.length - 1] : null; + }, + + getRandom: function(){ + return (this.length) ? this[Number.random(0, this.length - 1)] : null; + }, + + include: function(item){ + if (!this.contains(item)) this.push(item); + return this; + }, + + combine: function(array){ + for (var i = 0, l = array.length; i < l; i++) this.include(array[i]); + return this; + }, + + erase: function(item){ + for (var i = this.length; i--;){ + if (this[i] === item) this.splice(i, 1); + } + return this; + }, + + empty: function(){ + this.length = 0; + return this; + }, + + flatten: function(){ + var array = []; + for (var i = 0, l = this.length; i < l; i++){ + var type = typeOf(this[i]); + if (type == 'null') continue; + array = array.concat((type == 'array' || type == 'collection' || type == 'arguments' || instanceOf(this[i], Array)) ? Array.flatten(this[i]) : this[i]); + } + return array; + }, + + pick: function(){ + for (var i = 0, l = this.length; i < l; i++){ + if (this[i] != null) return this[i]; + } + return null; + }, + + hexToRgb: function(array){ + if (this.length != 3) return null; + var rgb = this.map(function(value){ + if (value.length == 1) value += value; + return value.toInt(16); + }); + return (array) ? rgb : 'rgb(' + rgb + ')'; + }, + + rgbToHex: function(array){ + if (this.length < 3) return null; + if (this.length == 4 && this[3] == 0 && !array) return 'transparent'; + var hex = []; + for (var i = 0; i < 3; i++){ + var bit = (this[i] - 0).toString(16); + hex.push((bit.length == 1) ? '0' + bit : bit); + } + return (array) ? hex : '#' + hex.join(''); + } + +}); + + + + +/* +--- + +name: String + +description: Contains String Prototypes like camelCase, capitalize, test, and toInt. + +license: MIT-style license. + +requires: Type + +provides: String + +... +*/ + +String.implement({ + + test: function(regex, params){ + return ((typeOf(regex) == 'regexp') ? regex : new RegExp('' + regex, params)).test(this); + }, + + contains: function(string, separator){ + return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : String(this).indexOf(string) > -1; + }, + + trim: function(){ + return String(this).replace(/^\s+|\s+$/g, ''); + }, + + clean: function(){ + return String(this).replace(/\s+/g, ' ').trim(); + }, + + camelCase: function(){ + return String(this).replace(/-\D/g, function(match){ + return match.charAt(1).toUpperCase(); + }); + }, + + hyphenate: function(){ + return String(this).replace(/[A-Z]/g, function(match){ + return ('-' + match.charAt(0).toLowerCase()); + }); + }, + + capitalize: function(){ + return String(this).replace(/\b[a-z]/g, function(match){ + return match.toUpperCase(); + }); + }, + + escapeRegExp: function(){ + return String(this).replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1'); + }, + + toInt: function(base){ + return parseInt(this, base || 10); + }, + + toFloat: function(){ + return parseFloat(this); + }, + + hexToRgb: function(array){ + var hex = String(this).match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); + return (hex) ? hex.slice(1).hexToRgb(array) : null; + }, + + rgbToHex: function(array){ + var rgb = String(this).match(/\d{1,3}/g); + return (rgb) ? rgb.rgbToHex(array) : null; + }, + + substitute: function(object, regexp){ + return String(this).replace(regexp || (/\\?\{([^{}]+)\}/g), function(match, name){ + if (match.charAt(0) == '\\') return match.slice(1); + return (object[name] != null) ? object[name] : ''; + }); + } + +}); + + +/* +--- + +name: Number + +description: Contains Number Prototypes like limit, round, times, and ceil. + +license: MIT-style license. + +requires: Type + +provides: Number + +... +*/ + +Number.implement({ + + limit: function(min, max){ + return Math.min(max, Math.max(min, this)); + }, + + round: function(precision){ + precision = Math.pow(10, precision || 0).toFixed(precision < 0 ? -precision : 0); + return Math.round(this * precision) / precision; + }, + + times: function(fn, bind){ + for (var i = 0; i < this; i++) fn.call(bind, i, this); + }, + + toFloat: function(){ + return parseFloat(this); + }, + + toInt: function(base){ + return parseInt(this, base || 10); + } + +}); + +Number.alias('each', 'times'); + +(function(math){ + var methods = {}; + math.each(function(name){ + if (!Number[name]) methods[name] = function(){ + return Math[name].apply(null, [this].concat(Array.from(arguments))); + }; + }); + Number.implement(methods); +})(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']); + + +/* +--- + +name: Function + +description: Contains Function Prototypes like create, bind, pass, and delay. + +license: MIT-style license. + +requires: Type + +provides: Function + +... +*/ + +Function.extend({ + + attempt: function(){ + for (var i = 0, l = arguments.length; i < l; i++){ + try { + return arguments[i](); + } catch (e){} + } + return null; + } + +}); + +Function.implement({ + + attempt: function(args, bind){ + try { + return this.apply(bind, Array.from(args)); + } catch (e){} + + return null; + }, + + /**/ + bind: function(that){ + var self = this, + args = arguments.length > 1 ? Array.slice(arguments, 1) : null, + F = function(){}; + + var bound = function(){ + var context = that, length = arguments.length; + if (this instanceof bound){ + F.prototype = self.prototype; + context = new F; + } + var result = (!args && !length) + ? self.call(context) + : self.apply(context, args && length ? args.concat(Array.slice(arguments)) : args || arguments); + return context == that ? result : context; + }; + return bound; + }, + /**/ + + pass: function(args, bind){ + var self = this; + if (args != null) args = Array.from(args); + return function(){ + return self.apply(bind, args || arguments); + }; + }, + + delay: function(delay, bind, args){ + return setTimeout(this.pass((args == null ? [] : args), bind), delay); + }, + + periodical: function(periodical, bind, args){ + return setInterval(this.pass((args == null ? [] : args), bind), periodical); + } + +}); + + + + +/* +--- + +name: Object + +description: Object generic methods + +license: MIT-style license. + +requires: Type + +provides: [Object, Hash] + +... +*/ + +(function(){ + +var hasOwnProperty = Object.prototype.hasOwnProperty; + +Object.extend({ + + subset: function(object, keys){ + var results = {}; + for (var i = 0, l = keys.length; i < l; i++){ + var k = keys[i]; + if (k in object) results[k] = object[k]; + } + return results; + }, + + map: function(object, fn, bind){ + var results = {}; + for (var key in object){ + if (hasOwnProperty.call(object, key)) results[key] = fn.call(bind, object[key], key, object); + } + return results; + }, + + filter: function(object, fn, bind){ + var results = {}; + for (var key in object){ + var value = object[key]; + if (hasOwnProperty.call(object, key) && fn.call(bind, value, key, object)) results[key] = value; + } + return results; + }, + + every: function(object, fn, bind){ + for (var key in object){ + if (hasOwnProperty.call(object, key) && !fn.call(bind, object[key], key)) return false; + } + return true; + }, + + some: function(object, fn, bind){ + for (var key in object){ + if (hasOwnProperty.call(object, key) && fn.call(bind, object[key], key)) return true; + } + return false; + }, + + keys: function(object){ + var keys = []; + for (var key in object){ + if (hasOwnProperty.call(object, key)) keys.push(key); + } + return keys; + }, + + values: function(object){ + var values = []; + for (var key in object){ + if (hasOwnProperty.call(object, key)) values.push(object[key]); + } + return values; + }, + + getLength: function(object){ + return Object.keys(object).length; + }, + + keyOf: function(object, value){ + for (var key in object){ + if (hasOwnProperty.call(object, key) && object[key] === value) return key; + } + return null; + }, + + contains: function(object, value){ + return Object.keyOf(object, value) != null; + }, + + toQueryString: function(object, base){ + var queryString = []; + + Object.each(object, function(value, key){ + if (base) key = base + '[' + key + ']'; + var result; + switch (typeOf(value)){ + case 'object': result = Object.toQueryString(value, key); break; + case 'array': + var qs = {}; + value.each(function(val, i){ + qs[i] = val; + }); + result = Object.toQueryString(qs, key); + break; + default: result = key + '=' + encodeURIComponent(value); + } + if (value != null) queryString.push(result); + }); + + return queryString.join('&'); + } + +}); + +})(); + + + + +/* +--- + +name: Browser + +description: The Browser Object. Contains Browser initialization, Window and Document, and the Browser Hash. + +license: MIT-style license. + +requires: [Array, Function, Number, String] + +provides: [Browser, Window, Document] + +... +*/ + +(function(){ + +var document = this.document; +var window = document.window = this; + +var UID = 1; + +this.$uid = (window.ActiveXObject) ? function(item){ + return (item.uid || (item.uid = [UID++]))[0]; +} : function(item){ + return item.uid || (item.uid = UID++); +}; + +$uid(window); +$uid(document); + +var ua = navigator.userAgent.toLowerCase(), + platform = navigator.platform.toLowerCase(), + UA = ua.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/) || [null, 'unknown', 0], + mode = UA[1] == 'ie' && document.documentMode; + +var Browser = this.Browser = { + + extend: Function.prototype.extend, + + name: (UA[1] == 'version') ? UA[3] : UA[1], + + version: mode || parseFloat((UA[1] == 'opera' && UA[4]) ? UA[4] : UA[2]), + + Platform: { + name: ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0] + }, + + Features: { + xpath: !!(document.evaluate), + air: !!(window.runtime), + query: !!(document.querySelector), + json: !!(window.JSON) + }, + + Plugins: {} + +}; + +Browser[Browser.name] = true; +Browser[Browser.name + parseInt(Browser.version, 10)] = true; +Browser.Platform[Browser.Platform.name] = true; + +// Request + +Browser.Request = (function(){ + + var XMLHTTP = function(){ + return new XMLHttpRequest(); + }; + + var MSXML2 = function(){ + return new ActiveXObject('MSXML2.XMLHTTP'); + }; + + var MSXML = function(){ + return new ActiveXObject('Microsoft.XMLHTTP'); + }; + + return Function.attempt(function(){ + XMLHTTP(); + return XMLHTTP; + }, function(){ + MSXML2(); + return MSXML2; + }, function(){ + MSXML(); + return MSXML; + }); + +})(); + +Browser.Features.xhr = !!(Browser.Request); + +// Flash detection + +var version = (Function.attempt(function(){ + return navigator.plugins['Shockwave Flash'].description; +}, function(){ + return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version'); +}) || '0 r0').match(/\d+/g); + +Browser.Plugins.Flash = { + version: Number(version[0] || '0.' + version[1]) || 0, + build: Number(version[2]) || 0 +}; + +// String scripts + +Browser.exec = function(text){ + if (!text) return text; + if (window.execScript){ + window.execScript(text); + } else { + var script = document.createElement('script'); + script.setAttribute('type', 'text/javascript'); + script.text = text; + document.head.appendChild(script); + document.head.removeChild(script); + } + return text; +}; + +String.implement('stripScripts', function(exec){ + var scripts = ''; + var text = this.replace(/]*>([\s\S]*?)<\/script>/gi, function(all, code){ + scripts += code + '\n'; + return ''; + }); + if (exec === true) Browser.exec(scripts); + else if (typeOf(exec) == 'function') exec(scripts, text); + return text; +}); + +// Window, Document + +Browser.extend({ + Document: this.Document, + Window: this.Window, + Element: this.Element, + Event: this.Event +}); + +this.Window = this.$constructor = new Type('Window', function(){}); + +this.$family = Function.from('window').hide(); + +Window.mirror(function(name, method){ + window[name] = method; +}); + +this.Document = document.$constructor = new Type('Document', function(){}); + +document.$family = Function.from('document').hide(); + +Document.mirror(function(name, method){ + document[name] = method; +}); + +document.html = document.documentElement; +if (!document.head) document.head = document.getElementsByTagName('head')[0]; + +if (document.execCommand) try { + document.execCommand("BackgroundImageCache", false, true); +} catch (e){} + +/**/ +if (this.attachEvent && !this.addEventListener){ + var unloadEvent = function(){ + this.detachEvent('onunload', unloadEvent); + document.head = document.html = document.window = null; + }; + this.attachEvent('onunload', unloadEvent); +} + +// IE fails on collections and ) +var arrayFrom = Array.from; +try { + arrayFrom(document.html.childNodes); +} catch(e){ + Array.from = function(item){ + if (typeof item != 'string' && Type.isEnumerable(item) && typeOf(item) != 'array'){ + var i = item.length, array = new Array(i); + while (i--) array[i] = item[i]; + return array; + } + return arrayFrom(item); + }; + + var prototype = Array.prototype, + slice = prototype.slice; + ['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice'].each(function(name){ + var method = prototype[name]; + Array[name] = function(item){ + return method.apply(Array.from(item), slice.call(arguments, 1)); + }; + }); +} +/**/ + + + +})(); + + +/* +--- + +name: Event + +description: Contains the Event Type, to make the event object cross-browser. + +license: MIT-style license. + +requires: [Window, Document, Array, Function, String, Object] + +provides: Event + +... +*/ + +(function() { + +var _keys = {}; + +var DOMEvent = this.DOMEvent = new Type('DOMEvent', function(event, win){ + if (!win) win = window; + event = event || win.event; + if (event.$extended) return event; + this.event = event; + this.$extended = true; + this.shift = event.shiftKey; + this.control = event.ctrlKey; + this.alt = event.altKey; + this.meta = event.metaKey; + var type = this.type = event.type; + var target = event.target || event.srcElement; + while (target && target.nodeType == 3) target = target.parentNode; + this.target = document.id(target); + + if (type.indexOf('key') == 0){ + var code = this.code = (event.which || event.keyCode); + this.key = _keys[code]; + if (type == 'keydown'){ + if (code > 111 && code < 124) this.key = 'f' + (code - 111); + else if (code > 95 && code < 106) this.key = code - 96; + } + if (this.key == null) this.key = String.fromCharCode(code).toLowerCase(); + } else if (type == 'click' || type == 'dblclick' || type == 'contextmenu' || type == 'DOMMouseScroll' || type.indexOf('mouse') == 0){ + var doc = win.document; + doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; + this.page = { + x: (event.pageX != null) ? event.pageX : event.clientX + doc.scrollLeft, + y: (event.pageY != null) ? event.pageY : event.clientY + doc.scrollTop + }; + this.client = { + x: (event.pageX != null) ? event.pageX - win.pageXOffset : event.clientX, + y: (event.pageY != null) ? event.pageY - win.pageYOffset : event.clientY + }; + if (type == 'DOMMouseScroll' || type == 'mousewheel') + this.wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3; + + this.rightClick = (event.which == 3 || event.button == 2); + if (type == 'mouseover' || type == 'mouseout'){ + var related = event.relatedTarget || event[(type == 'mouseover' ? 'from' : 'to') + 'Element']; + while (related && related.nodeType == 3) related = related.parentNode; + this.relatedTarget = document.id(related); + } + } else if (type.indexOf('touch') == 0 || type.indexOf('gesture') == 0){ + this.rotation = event.rotation; + this.scale = event.scale; + this.targetTouches = event.targetTouches; + this.changedTouches = event.changedTouches; + var touches = this.touches = event.touches; + if (touches && touches[0]){ + var touch = touches[0]; + this.page = {x: touch.pageX, y: touch.pageY}; + this.client = {x: touch.clientX, y: touch.clientY}; + } + } + + if (!this.client) this.client = {}; + if (!this.page) this.page = {}; +}); + +DOMEvent.implement({ + + stop: function(){ + return this.preventDefault().stopPropagation(); + }, + + stopPropagation: function(){ + if (this.event.stopPropagation) this.event.stopPropagation(); + else this.event.cancelBubble = true; + return this; + }, + + preventDefault: function(){ + if (this.event.preventDefault) this.event.preventDefault(); + else this.event.returnValue = false; + return this; + } + +}); + +DOMEvent.defineKey = function(code, key){ + _keys[code] = key; + return this; +}; + +DOMEvent.defineKeys = DOMEvent.defineKey.overloadSetter(true); + +DOMEvent.defineKeys({ + '38': 'up', '40': 'down', '37': 'left', '39': 'right', + '27': 'esc', '32': 'space', '8': 'backspace', '9': 'tab', + '46': 'delete', '13': 'enter' +}); + +})(); + + + + + + +/* +--- + +name: Class + +description: Contains the Class Function for easily creating, extending, and implementing reusable Classes. + +license: MIT-style license. + +requires: [Array, String, Function, Number] + +provides: Class + +... +*/ + +(function(){ + +var Class = this.Class = new Type('Class', function(params){ + if (instanceOf(params, Function)) params = {initialize: params}; + + var newClass = function(){ + reset(this); + if (newClass.$prototyping) return this; + this.$caller = null; + var value = (this.initialize) ? this.initialize.apply(this, arguments) : this; + this.$caller = this.caller = null; + return value; + }.extend(this).implement(params); + + newClass.$constructor = Class; + newClass.prototype.$constructor = newClass; + newClass.prototype.parent = parent; + + return newClass; +}); + +var parent = function(){ + if (!this.$caller) throw new Error('The method "parent" cannot be called.'); + var name = this.$caller.$name, + parent = this.$caller.$owner.parent, + previous = (parent) ? parent.prototype[name] : null; + if (!previous) throw new Error('The method "' + name + '" has no parent.'); + return previous.apply(this, arguments); +}; + +var reset = function(object){ + for (var key in object){ + var value = object[key]; + switch (typeOf(value)){ + case 'object': + var F = function(){}; + F.prototype = value; + object[key] = reset(new F); + break; + case 'array': object[key] = value.clone(); break; + } + } + return object; +}; + +var wrap = function(self, key, method){ + if (method.$origin) method = method.$origin; + var wrapper = function(){ + if (method.$protected && this.$caller == null) throw new Error('The method "' + key + '" cannot be called.'); + var caller = this.caller, current = this.$caller; + this.caller = current; this.$caller = wrapper; + var result = method.apply(this, arguments); + this.$caller = current; this.caller = caller; + return result; + }.extend({$owner: self, $origin: method, $name: key}); + return wrapper; +}; + +var implement = function(key, value, retain){ + if (Class.Mutators.hasOwnProperty(key)){ + value = Class.Mutators[key].call(this, value); + if (value == null) return this; + } + + if (typeOf(value) == 'function'){ + if (value.$hidden) return this; + this.prototype[key] = (retain) ? value : wrap(this, key, value); + } else { + Object.merge(this.prototype, key, value); + } + + return this; +}; + +var getInstance = function(klass){ + klass.$prototyping = true; + var proto = new klass; + delete klass.$prototyping; + return proto; +}; + +Class.implement('implement', implement.overloadSetter()); + +Class.Mutators = { + + Extends: function(parent){ + this.parent = parent; + this.prototype = getInstance(parent); + }, + + Implements: function(items){ + Array.from(items).each(function(item){ + var instance = new item; + for (var key in instance) implement.call(this, key, instance[key], true); + }, this); + } +}; + +})(); + + +/* +--- + +name: Class.Extras + +description: Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks. + +license: MIT-style license. + +requires: Class + +provides: [Class.Extras, Chain, Events, Options] + +... +*/ + +(function(){ + +this.Chain = new Class({ + + $chain: [], + + chain: function(){ + this.$chain.append(Array.flatten(arguments)); + return this; + }, + + callChain: function(){ + return (this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false; + }, + + clearChain: function(){ + this.$chain.empty(); + return this; + } + +}); + +var removeOn = function(string){ + return string.replace(/^on([A-Z])/, function(full, first){ + return first.toLowerCase(); + }); +}; + +this.Events = new Class({ + + $events: {}, + + addEvent: function(type, fn, internal){ + type = removeOn(type); + + + + this.$events[type] = (this.$events[type] || []).include(fn); + if (internal) fn.internal = true; + return this; + }, + + addEvents: function(events){ + for (var type in events) this.addEvent(type, events[type]); + return this; + }, + + fireEvent: function(type, args, delay){ + type = removeOn(type); + var events = this.$events[type]; + if (!events) return this; + args = Array.from(args); + events.each(function(fn){ + if (delay) fn.delay(delay, this, args); + else fn.apply(this, args); + }, this); + return this; + }, + + removeEvent: function(type, fn){ + type = removeOn(type); + var events = this.$events[type]; + if (events && !fn.internal){ + var index = events.indexOf(fn); + if (index != -1) delete events[index]; + } + return this; + }, + + removeEvents: function(events){ + var type; + if (typeOf(events) == 'object'){ + for (type in events) this.removeEvent(type, events[type]); + return this; + } + if (events) events = removeOn(events); + for (type in this.$events){ + if (events && events != type) continue; + var fns = this.$events[type]; + for (var i = fns.length; i--;) if (i in fns){ + this.removeEvent(type, fns[i]); + } + } + return this; + } + +}); + +this.Options = new Class({ + + setOptions: function(){ + var options = this.options = Object.merge.apply(null, [{}, this.options].append(arguments)); + if (this.addEvent) for (var option in options){ + if (typeOf(options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; + this.addEvent(option, options[option]); + delete options[option]; + } + return this; + } + +}); + +})(); + + +/* +--- +name: Slick.Parser +description: Standalone CSS3 Selector parser +provides: Slick.Parser +... +*/ + +;(function(){ + +var parsed, + separatorIndex, + combinatorIndex, + reversed, + cache = {}, + reverseCache = {}, + reUnescape = /\\/g; + +var parse = function(expression, isReversed){ + if (expression == null) return null; + if (expression.Slick === true) return expression; + expression = ('' + expression).replace(/^\s+|\s+$/g, ''); + reversed = !!isReversed; + var currentCache = (reversed) ? reverseCache : cache; + if (currentCache[expression]) return currentCache[expression]; + parsed = { + Slick: true, + expressions: [], + raw: expression, + reverse: function(){ + return parse(this.raw, true); + } + }; + separatorIndex = -1; + while (expression != (expression = expression.replace(regexp, parser))); + parsed.length = parsed.expressions.length; + return currentCache[parsed.raw] = (reversed) ? reverse(parsed) : parsed; +}; + +var reverseCombinator = function(combinator){ + if (combinator === '!') return ' '; + else if (combinator === ' ') return '!'; + else if ((/^!/).test(combinator)) return combinator.replace(/^!/, ''); + else return '!' + combinator; +}; + +var reverse = function(expression){ + var expressions = expression.expressions; + for (var i = 0; i < expressions.length; i++){ + var exp = expressions[i]; + var last = {parts: [], tag: '*', combinator: reverseCombinator(exp[0].combinator)}; + + for (var j = 0; j < exp.length; j++){ + var cexp = exp[j]; + if (!cexp.reverseCombinator) cexp.reverseCombinator = ' '; + cexp.combinator = cexp.reverseCombinator; + delete cexp.reverseCombinator; + } + + exp.reverse().push(last); + } + return expression; +}; + +var escapeRegExp = function(string){// Credit: XRegExp 0.6.1 (c) 2007-2008 Steven Levithan MIT License + return string.replace(/[-[\]{}()*+?.\\^$|,#\s]/g, function(match){ + return '\\' + match; + }); +}; + +var regexp = new RegExp( +/* +#!/usr/bin/env ruby +puts "\t\t" + DATA.read.gsub(/\(\?x\)|\s+#.*$|\s+|\\$|\\n/,'') +__END__ + "(?x)^(?:\ + \\s* ( , ) \\s* # Separator \n\ + | \\s* ( + ) \\s* # Combinator \n\ + | ( \\s+ ) # CombinatorChildren \n\ + | ( + | \\* ) # Tag \n\ + | \\# ( + ) # ID \n\ + | \\. ( + ) # ClassName \n\ + | # Attribute \n\ + \\[ \ + \\s* (+) (?: \ + \\s* ([*^$!~|]?=) (?: \ + \\s* (?:\ + ([\"']?)(.*?)\\9 \ + )\ + ) \ + )? \\s* \ + \\](?!\\]) \n\ + | :+ ( + )(?:\ + \\( (?:\ + (?:([\"'])([^\\12]*)\\12)|((?:\\([^)]+\\)|[^()]*)+)\ + ) \\)\ + )?\ + )" +*/ + "^(?:\\s*(,)\\s*|\\s*(+)\\s*|(\\s+)|(+|\\*)|\\#(+)|\\.(+)|\\[\\s*(+)(?:\\s*([*^$!~|]?=)(?:\\s*(?:([\"']?)(.*?)\\9)))?\\s*\\](?!\\])|(:+)(+)(?:\\((?:(?:([\"'])([^\\13]*)\\13)|((?:\\([^)]+\\)|[^()]*)+))\\))?)" + .replace(//, '[' + escapeRegExp(">+~`!@$%^&={}\\;/g, '(?:[\\w\\u00a1-\\uFFFF-]|\\\\[^\\s0-9a-f])') + .replace(//g, '(?:[:\\w\\u00a1-\\uFFFF-]|\\\\[^\\s0-9a-f])') +); + +function parser( + rawMatch, + + separator, + combinator, + combinatorChildren, + + tagName, + id, + className, + + attributeKey, + attributeOperator, + attributeQuote, + attributeValue, + + pseudoMarker, + pseudoClass, + pseudoQuote, + pseudoClassQuotedValue, + pseudoClassValue +){ + if (separator || separatorIndex === -1){ + parsed.expressions[++separatorIndex] = []; + combinatorIndex = -1; + if (separator) return ''; + } + + if (combinator || combinatorChildren || combinatorIndex === -1){ + combinator = combinator || ' '; + var currentSeparator = parsed.expressions[separatorIndex]; + if (reversed && currentSeparator[combinatorIndex]) + currentSeparator[combinatorIndex].reverseCombinator = reverseCombinator(combinator); + currentSeparator[++combinatorIndex] = {combinator: combinator, tag: '*'}; + } + + var currentParsed = parsed.expressions[separatorIndex][combinatorIndex]; + + if (tagName){ + currentParsed.tag = tagName.replace(reUnescape, ''); + + } else if (id){ + currentParsed.id = id.replace(reUnescape, ''); + + } else if (className){ + className = className.replace(reUnescape, ''); + + if (!currentParsed.classList) currentParsed.classList = []; + if (!currentParsed.classes) currentParsed.classes = []; + currentParsed.classList.push(className); + currentParsed.classes.push({ + value: className, + regexp: new RegExp('(^|\\s)' + escapeRegExp(className) + '(\\s|$)') + }); + + } else if (pseudoClass){ + pseudoClassValue = pseudoClassValue || pseudoClassQuotedValue; + pseudoClassValue = pseudoClassValue ? pseudoClassValue.replace(reUnescape, '') : null; + + if (!currentParsed.pseudos) currentParsed.pseudos = []; + currentParsed.pseudos.push({ + key: pseudoClass.replace(reUnescape, ''), + value: pseudoClassValue, + type: pseudoMarker.length == 1 ? 'class' : 'element' + }); + + } else if (attributeKey){ + attributeKey = attributeKey.replace(reUnescape, ''); + attributeValue = (attributeValue || '').replace(reUnescape, ''); + + var test, regexp; + + switch (attributeOperator){ + case '^=' : regexp = new RegExp( '^'+ escapeRegExp(attributeValue) ); break; + case '$=' : regexp = new RegExp( escapeRegExp(attributeValue) +'$' ); break; + case '~=' : regexp = new RegExp( '(^|\\s)'+ escapeRegExp(attributeValue) +'(\\s|$)' ); break; + case '|=' : regexp = new RegExp( '^'+ escapeRegExp(attributeValue) +'(-|$)' ); break; + case '=' : test = function(value){ + return attributeValue == value; + }; break; + case '*=' : test = function(value){ + return value && value.indexOf(attributeValue) > -1; + }; break; + case '!=' : test = function(value){ + return attributeValue != value; + }; break; + default : test = function(value){ + return !!value; + }; + } + + if (attributeValue == '' && (/^[*$^]=$/).test(attributeOperator)) test = function(){ + return false; + }; + + if (!test) test = function(value){ + return value && regexp.test(value); + }; + + if (!currentParsed.attributes) currentParsed.attributes = []; + currentParsed.attributes.push({ + key: attributeKey, + operator: attributeOperator, + value: attributeValue, + test: test + }); + + } + + return ''; +}; + +// Slick NS + +var Slick = (this.Slick || {}); + +Slick.parse = function(expression){ + return parse(expression); +}; + +Slick.escapeRegExp = escapeRegExp; + +if (!this.Slick) this.Slick = Slick; + +}).apply(/**/(typeof exports != 'undefined') ? exports : /**/this); + + +/* +--- +name: Slick.Finder +description: The new, superfast css selector engine. +provides: Slick.Finder +requires: Slick.Parser +... +*/ + +;(function(){ + +var local = {}, + featuresCache = {}, + toString = Object.prototype.toString; + +// Feature / Bug detection + +local.isNativeCode = function(fn){ + return (/\{\s*\[native code\]\s*\}/).test('' + fn); +}; + +local.isXML = function(document){ + return (!!document.xmlVersion) || (!!document.xml) || (toString.call(document) == '[object XMLDocument]') || + (document.nodeType == 9 && document.documentElement.nodeName != 'HTML'); +}; + +local.setDocument = function(document){ + + // convert elements / window arguments to document. if document cannot be extrapolated, the function returns. + var nodeType = document.nodeType; + if (nodeType == 9); // document + else if (nodeType) document = document.ownerDocument; // node + else if (document.navigator) document = document.document; // window + else return; + + // check if it's the old document + + if (this.document === document) return; + this.document = document; + + // check if we have done feature detection on this document before + + var root = document.documentElement, + rootUid = this.getUIDXML(root), + features = featuresCache[rootUid], + feature; + + if (features){ + for (feature in features){ + this[feature] = features[feature]; + } + return; + } + + features = featuresCache[rootUid] = {}; + + features.root = root; + features.isXMLDocument = this.isXML(document); + + features.brokenStarGEBTN + = features.starSelectsClosedQSA + = features.idGetsName + = features.brokenMixedCaseQSA + = features.brokenGEBCN + = features.brokenCheckedQSA + = features.brokenEmptyAttributeQSA + = features.isHTMLDocument + = features.nativeMatchesSelector + = false; + + var starSelectsClosed, starSelectsComments, + brokenSecondClassNameGEBCN, cachedGetElementsByClassName, + brokenFormAttributeGetter; + + var selected, id = 'slick_uniqueid'; + var testNode = document.createElement('div'); + + var testRoot = document.body || document.getElementsByTagName('body')[0] || root; + testRoot.appendChild(testNode); + + // on non-HTML documents innerHTML and getElementsById doesnt work properly + try { + testNode.innerHTML = ''; + features.isHTMLDocument = !!document.getElementById(id); + } catch(e){}; + + if (features.isHTMLDocument){ + + testNode.style.display = 'none'; + + // IE returns comment nodes for getElementsByTagName('*') for some documents + testNode.appendChild(document.createComment('')); + starSelectsComments = (testNode.getElementsByTagName('*').length > 1); + + // IE returns closed nodes (EG:"") for getElementsByTagName('*') for some documents + try { + testNode.innerHTML = 'foo'; + selected = testNode.getElementsByTagName('*'); + starSelectsClosed = (selected && !!selected.length && selected[0].nodeName.charAt(0) == '/'); + } catch(e){}; + + features.brokenStarGEBTN = starSelectsComments || starSelectsClosed; + + // IE returns elements with the name instead of just id for getElementsById for some documents + try { + testNode.innerHTML = ''; + features.idGetsName = document.getElementById(id) === testNode.firstChild; + } catch(e){}; + + if (testNode.getElementsByClassName){ + + // Safari 3.2 getElementsByClassName caches results + try { + testNode.innerHTML = ''; + testNode.getElementsByClassName('b').length; + testNode.firstChild.className = 'b'; + cachedGetElementsByClassName = (testNode.getElementsByClassName('b').length != 2); + } catch(e){}; + + // Opera 9.6 getElementsByClassName doesnt detects the class if its not the first one + try { + testNode.innerHTML = ''; + brokenSecondClassNameGEBCN = (testNode.getElementsByClassName('a').length != 2); + } catch(e){}; + + features.brokenGEBCN = cachedGetElementsByClassName || brokenSecondClassNameGEBCN; + } + + if (testNode.querySelectorAll){ + // IE 8 returns closed nodes (EG:"") for querySelectorAll('*') for some documents + try { + testNode.innerHTML = 'foo'; + selected = testNode.querySelectorAll('*'); + features.starSelectsClosedQSA = (selected && !!selected.length && selected[0].nodeName.charAt(0) == '/'); + } catch(e){}; + + // Safari 3.2 querySelectorAll doesnt work with mixedcase on quirksmode + try { + testNode.innerHTML = ''; + features.brokenMixedCaseQSA = !testNode.querySelectorAll('.MiX').length; + } catch(e){}; + + // Webkit and Opera dont return selected options on querySelectorAll + try { + testNode.innerHTML = ''; + features.brokenCheckedQSA = (testNode.querySelectorAll(':checked').length == 0); + } catch(e){}; + + // IE returns incorrect results for attr[*^$]="" selectors on querySelectorAll + try { + testNode.innerHTML = ''; + features.brokenEmptyAttributeQSA = (testNode.querySelectorAll('[class*=""]').length != 0); + } catch(e){}; + + } + + // IE6-7, if a form has an input of id x, form.getAttribute(x) returns a reference to the input + try { + testNode.innerHTML = '
'; + brokenFormAttributeGetter = (testNode.firstChild.getAttribute('action') != 's'); + } catch(e){}; + + // native matchesSelector function + + features.nativeMatchesSelector = root.matchesSelector || /*root.msMatchesSelector ||*/ root.mozMatchesSelector || root.webkitMatchesSelector; + if (features.nativeMatchesSelector) try { + // if matchesSelector trows errors on incorrect sintaxes we can use it + features.nativeMatchesSelector.call(root, ':slick'); + features.nativeMatchesSelector = null; + } catch(e){}; + + } + + try { + root.slick_expando = 1; + delete root.slick_expando; + features.getUID = this.getUIDHTML; + } catch(e) { + features.getUID = this.getUIDXML; + } + + testRoot.removeChild(testNode); + testNode = selected = testRoot = null; + + // getAttribute + + features.getAttribute = (features.isHTMLDocument && brokenFormAttributeGetter) ? function(node, name){ + var method = this.attributeGetters[name]; + if (method) return method.call(node); + var attributeNode = node.getAttributeNode(name); + return (attributeNode) ? attributeNode.nodeValue : null; + } : function(node, name){ + var method = this.attributeGetters[name]; + return (method) ? method.call(node) : node.getAttribute(name); + }; + + // hasAttribute + + features.hasAttribute = (root && this.isNativeCode(root.hasAttribute)) ? function(node, attribute) { + return node.hasAttribute(attribute); + } : function(node, attribute) { + node = node.getAttributeNode(attribute); + return !!(node && (node.specified || node.nodeValue)); + }; + + // contains + // FIXME: Add specs: local.contains should be different for xml and html documents? + features.contains = (root && this.isNativeCode(root.contains)) ? function(context, node){ + return context.contains(node); + } : (root && root.compareDocumentPosition) ? function(context, node){ + return context === node || !!(context.compareDocumentPosition(node) & 16); + } : function(context, node){ + if (node) do { + if (node === context) return true; + } while ((node = node.parentNode)); + return false; + }; + + // document order sorting + // credits to Sizzle (http://sizzlejs.com/) + + features.documentSorter = (root.compareDocumentPosition) ? function(a, b){ + if (!a.compareDocumentPosition || !b.compareDocumentPosition) return 0; + return a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1; + } : ('sourceIndex' in root) ? function(a, b){ + if (!a.sourceIndex || !b.sourceIndex) return 0; + return a.sourceIndex - b.sourceIndex; + } : (document.createRange) ? function(a, b){ + if (!a.ownerDocument || !b.ownerDocument) return 0; + var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange(); + aRange.setStart(a, 0); + aRange.setEnd(a, 0); + bRange.setStart(b, 0); + bRange.setEnd(b, 0); + return aRange.compareBoundaryPoints(Range.START_TO_END, bRange); + } : null ; + + root = null; + + for (feature in features){ + this[feature] = features[feature]; + } +}; + +// Main Method + +var reSimpleSelector = /^([#.]?)((?:[\w-]+|\*))$/, + reEmptyAttribute = /\[.+[*$^]=(?:""|'')?\]/, + qsaFailExpCache = {}; + +local.search = function(context, expression, append, first){ + + var found = this.found = (first) ? null : (append || []); + + if (!context) return found; + else if (context.navigator) context = context.document; // Convert the node from a window to a document + else if (!context.nodeType) return found; + + // setup + + var parsed, i, + uniques = this.uniques = {}, + hasOthers = !!(append && append.length), + contextIsDocument = (context.nodeType == 9); + + if (this.document !== (contextIsDocument ? context : context.ownerDocument)) this.setDocument(context); + + // avoid duplicating items already in the append array + if (hasOthers) for (i = found.length; i--;) uniques[this.getUID(found[i])] = true; + + // expression checks + + if (typeof expression == 'string'){ // expression is a string + + /**/ + var simpleSelector = expression.match(reSimpleSelector); + simpleSelectors: if (simpleSelector) { + + var symbol = simpleSelector[1], + name = simpleSelector[2], + node, nodes; + + if (!symbol){ + + if (name == '*' && this.brokenStarGEBTN) break simpleSelectors; + nodes = context.getElementsByTagName(name); + if (first) return nodes[0] || null; + for (i = 0; node = nodes[i++];){ + if (!(hasOthers && uniques[this.getUID(node)])) found.push(node); + } + + } else if (symbol == '#'){ + + if (!this.isHTMLDocument || !contextIsDocument) break simpleSelectors; + node = context.getElementById(name); + if (!node) return found; + if (this.idGetsName && node.getAttributeNode('id').nodeValue != name) break simpleSelectors; + if (first) return node || null; + if (!(hasOthers && uniques[this.getUID(node)])) found.push(node); + + } else if (symbol == '.'){ + + if (!this.isHTMLDocument || ((!context.getElementsByClassName || this.brokenGEBCN) && context.querySelectorAll)) break simpleSelectors; + if (context.getElementsByClassName && !this.brokenGEBCN){ + nodes = context.getElementsByClassName(name); + if (first) return nodes[0] || null; + for (i = 0; node = nodes[i++];){ + if (!(hasOthers && uniques[this.getUID(node)])) found.push(node); + } + } else { + var matchClass = new RegExp('(^|\\s)'+ Slick.escapeRegExp(name) +'(\\s|$)'); + nodes = context.getElementsByTagName('*'); + for (i = 0; node = nodes[i++];){ + className = node.className; + if (!(className && matchClass.test(className))) continue; + if (first) return node; + if (!(hasOthers && uniques[this.getUID(node)])) found.push(node); + } + } + + } + + if (hasOthers) this.sort(found); + return (first) ? null : found; + + } + /**/ + + /**/ + querySelector: if (context.querySelectorAll) { + + if (!this.isHTMLDocument + || qsaFailExpCache[expression] + //TODO: only skip when expression is actually mixed case + || this.brokenMixedCaseQSA + || (this.brokenCheckedQSA && expression.indexOf(':checked') > -1) + || (this.brokenEmptyAttributeQSA && reEmptyAttribute.test(expression)) + || (!contextIsDocument //Abort when !contextIsDocument and... + // there are multiple expressions in the selector + // since we currently only fix non-document rooted QSA for single expression selectors + && expression.indexOf(',') > -1 + ) + || Slick.disableQSA + ) break querySelector; + + var _expression = expression, _context = context; + if (!contextIsDocument){ + // non-document rooted QSA + // credits to Andrew Dupont + var currentId = _context.getAttribute('id'), slickid = 'slickid__'; + _context.setAttribute('id', slickid); + _expression = '#' + slickid + ' ' + _expression; + context = _context.parentNode; + } + + try { + if (first) return context.querySelector(_expression) || null; + else nodes = context.querySelectorAll(_expression); + } catch(e) { + qsaFailExpCache[expression] = 1; + break querySelector; + } finally { + if (!contextIsDocument){ + if (currentId) _context.setAttribute('id', currentId); + else _context.removeAttribute('id'); + context = _context; + } + } + + if (this.starSelectsClosedQSA) for (i = 0; node = nodes[i++];){ + if (node.nodeName > '@' && !(hasOthers && uniques[this.getUID(node)])) found.push(node); + } else for (i = 0; node = nodes[i++];){ + if (!(hasOthers && uniques[this.getUID(node)])) found.push(node); + } + + if (hasOthers) this.sort(found); + return found; + + } + /**/ + + parsed = this.Slick.parse(expression); + if (!parsed.length) return found; + } else if (expression == null){ // there is no expression + return found; + } else if (expression.Slick){ // expression is a parsed Slick object + parsed = expression; + } else if (this.contains(context.documentElement || context, expression)){ // expression is a node + (found) ? found.push(expression) : found = expression; + return found; + } else { // other junk + return found; + } + + /**//**/ + + // cache elements for the nth selectors + + this.posNTH = {}; + this.posNTHLast = {}; + this.posNTHType = {}; + this.posNTHTypeLast = {}; + + /**//**/ + + // if append is null and there is only a single selector with one expression use pushArray, else use pushUID + this.push = (!hasOthers && (first || (parsed.length == 1 && parsed.expressions[0].length == 1))) ? this.pushArray : this.pushUID; + + if (found == null) found = []; + + // default engine + + var j, m, n; + var combinator, tag, id, classList, classes, attributes, pseudos; + var currentItems, currentExpression, currentBit, lastBit, expressions = parsed.expressions; + + search: for (i = 0; (currentExpression = expressions[i]); i++) for (j = 0; (currentBit = currentExpression[j]); j++){ + + combinator = 'combinator:' + currentBit.combinator; + if (!this[combinator]) continue search; + + tag = (this.isXMLDocument) ? currentBit.tag : currentBit.tag.toUpperCase(); + id = currentBit.id; + classList = currentBit.classList; + classes = currentBit.classes; + attributes = currentBit.attributes; + pseudos = currentBit.pseudos; + lastBit = (j === (currentExpression.length - 1)); + + this.bitUniques = {}; + + if (lastBit){ + this.uniques = uniques; + this.found = found; + } else { + this.uniques = {}; + this.found = []; + } + + if (j === 0){ + this[combinator](context, tag, id, classes, attributes, pseudos, classList); + if (first && lastBit && found.length) break search; + } else { + if (first && lastBit) for (m = 0, n = currentItems.length; m < n; m++){ + this[combinator](currentItems[m], tag, id, classes, attributes, pseudos, classList); + if (found.length) break search; + } else for (m = 0, n = currentItems.length; m < n; m++) this[combinator](currentItems[m], tag, id, classes, attributes, pseudos, classList); + } + + currentItems = this.found; + } + + // should sort if there are nodes in append and if you pass multiple expressions. + if (hasOthers || (parsed.expressions.length > 1)) this.sort(found); + + return (first) ? (found[0] || null) : found; +}; + +// Utils + +local.uidx = 1; +local.uidk = 'slick-uniqueid'; + +local.getUIDXML = function(node){ + var uid = node.getAttribute(this.uidk); + if (!uid){ + uid = this.uidx++; + node.setAttribute(this.uidk, uid); + } + return uid; +}; + +local.getUIDHTML = function(node){ + return node.uniqueNumber || (node.uniqueNumber = this.uidx++); +}; + +// sort based on the setDocument documentSorter method. + +local.sort = function(results){ + if (!this.documentSorter) return results; + results.sort(this.documentSorter); + return results; +}; + +/**//**/ + +local.cacheNTH = {}; + +local.matchNTH = /^([+-]?\d*)?([a-z]+)?([+-]\d+)?$/; + +local.parseNTHArgument = function(argument){ + var parsed = argument.match(this.matchNTH); + if (!parsed) return false; + var special = parsed[2] || false; + var a = parsed[1] || 1; + if (a == '-') a = -1; + var b = +parsed[3] || 0; + parsed = + (special == 'n') ? {a: a, b: b} : + (special == 'odd') ? {a: 2, b: 1} : + (special == 'even') ? {a: 2, b: 0} : {a: 0, b: a}; + + return (this.cacheNTH[argument] = parsed); +}; + +local.createNTHPseudo = function(child, sibling, positions, ofType){ + return function(node, argument){ + var uid = this.getUID(node); + if (!this[positions][uid]){ + var parent = node.parentNode; + if (!parent) return false; + var el = parent[child], count = 1; + if (ofType){ + var nodeName = node.nodeName; + do { + if (el.nodeName != nodeName) continue; + this[positions][this.getUID(el)] = count++; + } while ((el = el[sibling])); + } else { + do { + if (el.nodeType != 1) continue; + this[positions][this.getUID(el)] = count++; + } while ((el = el[sibling])); + } + } + argument = argument || 'n'; + var parsed = this.cacheNTH[argument] || this.parseNTHArgument(argument); + if (!parsed) return false; + var a = parsed.a, b = parsed.b, pos = this[positions][uid]; + if (a == 0) return b == pos; + if (a > 0){ + if (pos < b) return false; + } else { + if (b < pos) return false; + } + return ((pos - b) % a) == 0; + }; +}; + +/**//**/ + +local.pushArray = function(node, tag, id, classes, attributes, pseudos){ + if (this.matchSelector(node, tag, id, classes, attributes, pseudos)) this.found.push(node); +}; + +local.pushUID = function(node, tag, id, classes, attributes, pseudos){ + var uid = this.getUID(node); + if (!this.uniques[uid] && this.matchSelector(node, tag, id, classes, attributes, pseudos)){ + this.uniques[uid] = true; + this.found.push(node); + } +}; + +local.matchNode = function(node, selector){ + if (this.isHTMLDocument && this.nativeMatchesSelector){ + try { + return this.nativeMatchesSelector.call(node, selector.replace(/\[([^=]+)=\s*([^'"\]]+?)\s*\]/g, '[$1="$2"]')); + } catch(matchError) {} + } + + var parsed = this.Slick.parse(selector); + if (!parsed) return true; + + // simple (single) selectors + var expressions = parsed.expressions, simpleExpCounter = 0, i; + for (i = 0; (currentExpression = expressions[i]); i++){ + if (currentExpression.length == 1){ + var exp = currentExpression[0]; + if (this.matchSelector(node, (this.isXMLDocument) ? exp.tag : exp.tag.toUpperCase(), exp.id, exp.classes, exp.attributes, exp.pseudos)) return true; + simpleExpCounter++; + } + } + + if (simpleExpCounter == parsed.length) return false; + + var nodes = this.search(this.document, parsed), item; + for (i = 0; item = nodes[i++];){ + if (item === node) return true; + } + return false; +}; + +local.matchPseudo = function(node, name, argument){ + var pseudoName = 'pseudo:' + name; + if (this[pseudoName]) return this[pseudoName](node, argument); + var attribute = this.getAttribute(node, name); + return (argument) ? argument == attribute : !!attribute; +}; + +local.matchSelector = function(node, tag, id, classes, attributes, pseudos){ + if (tag){ + var nodeName = (this.isXMLDocument) ? node.nodeName : node.nodeName.toUpperCase(); + if (tag == '*'){ + if (nodeName < '@') return false; // Fix for comment nodes and closed nodes + } else { + if (nodeName != tag) return false; + } + } + + if (id && node.getAttribute('id') != id) return false; + + var i, part, cls; + if (classes) for (i = classes.length; i--;){ + cls = node.getAttribute('class') || node.className; + if (!(cls && classes[i].regexp.test(cls))) return false; + } + if (attributes) for (i = attributes.length; i--;){ + part = attributes[i]; + if (part.operator ? !part.test(this.getAttribute(node, part.key)) : !this.hasAttribute(node, part.key)) return false; + } + if (pseudos) for (i = pseudos.length; i--;){ + part = pseudos[i]; + if (!this.matchPseudo(node, part.key, part.value)) return false; + } + return true; +}; + +var combinators = { + + ' ': function(node, tag, id, classes, attributes, pseudos, classList){ // all child nodes, any level + + var i, item, children; + + if (this.isHTMLDocument){ + getById: if (id){ + item = this.document.getElementById(id); + if ((!item && node.all) || (this.idGetsName && item && item.getAttributeNode('id').nodeValue != id)){ + // all[id] returns all the elements with that name or id inside node + // if theres just one it will return the element, else it will be a collection + children = node.all[id]; + if (!children) return; + if (!children[0]) children = [children]; + for (i = 0; item = children[i++];){ + var idNode = item.getAttributeNode('id'); + if (idNode && idNode.nodeValue == id){ + this.push(item, tag, null, classes, attributes, pseudos); + break; + } + } + return; + } + if (!item){ + // if the context is in the dom we return, else we will try GEBTN, breaking the getById label + if (this.contains(this.root, node)) return; + else break getById; + } else if (this.document !== node && !this.contains(node, item)) return; + this.push(item, tag, null, classes, attributes, pseudos); + return; + } + getByClass: if (classes && node.getElementsByClassName && !this.brokenGEBCN){ + children = node.getElementsByClassName(classList.join(' ')); + if (!(children && children.length)) break getByClass; + for (i = 0; item = children[i++];) this.push(item, tag, id, null, attributes, pseudos); + return; + } + } + getByTag: { + children = node.getElementsByTagName(tag); + if (!(children && children.length)) break getByTag; + if (!this.brokenStarGEBTN) tag = null; + for (i = 0; item = children[i++];) this.push(item, tag, id, classes, attributes, pseudos); + } + }, + + '>': function(node, tag, id, classes, attributes, pseudos){ // direct children + if ((node = node.firstChild)) do { + if (node.nodeType == 1) this.push(node, tag, id, classes, attributes, pseudos); + } while ((node = node.nextSibling)); + }, + + '+': function(node, tag, id, classes, attributes, pseudos){ // next sibling + while ((node = node.nextSibling)) if (node.nodeType == 1){ + this.push(node, tag, id, classes, attributes, pseudos); + break; + } + }, + + '^': function(node, tag, id, classes, attributes, pseudos){ // first child + node = node.firstChild; + if (node){ + if (node.nodeType == 1) this.push(node, tag, id, classes, attributes, pseudos); + else this['combinator:+'](node, tag, id, classes, attributes, pseudos); + } + }, + + '~': function(node, tag, id, classes, attributes, pseudos){ // next siblings + while ((node = node.nextSibling)){ + if (node.nodeType != 1) continue; + var uid = this.getUID(node); + if (this.bitUniques[uid]) break; + this.bitUniques[uid] = true; + this.push(node, tag, id, classes, attributes, pseudos); + } + }, + + '++': function(node, tag, id, classes, attributes, pseudos){ // next sibling and previous sibling + this['combinator:+'](node, tag, id, classes, attributes, pseudos); + this['combinator:!+'](node, tag, id, classes, attributes, pseudos); + }, + + '~~': function(node, tag, id, classes, attributes, pseudos){ // next siblings and previous siblings + this['combinator:~'](node, tag, id, classes, attributes, pseudos); + this['combinator:!~'](node, tag, id, classes, attributes, pseudos); + }, + + '!': function(node, tag, id, classes, attributes, pseudos){ // all parent nodes up to document + while ((node = node.parentNode)) if (node !== this.document) this.push(node, tag, id, classes, attributes, pseudos); + }, + + '!>': function(node, tag, id, classes, attributes, pseudos){ // direct parent (one level) + node = node.parentNode; + if (node !== this.document) this.push(node, tag, id, classes, attributes, pseudos); + }, + + '!+': function(node, tag, id, classes, attributes, pseudos){ // previous sibling + while ((node = node.previousSibling)) if (node.nodeType == 1){ + this.push(node, tag, id, classes, attributes, pseudos); + break; + } + }, + + '!^': function(node, tag, id, classes, attributes, pseudos){ // last child + node = node.lastChild; + if (node){ + if (node.nodeType == 1) this.push(node, tag, id, classes, attributes, pseudos); + else this['combinator:!+'](node, tag, id, classes, attributes, pseudos); + } + }, + + '!~': function(node, tag, id, classes, attributes, pseudos){ // previous siblings + while ((node = node.previousSibling)){ + if (node.nodeType != 1) continue; + var uid = this.getUID(node); + if (this.bitUniques[uid]) break; + this.bitUniques[uid] = true; + this.push(node, tag, id, classes, attributes, pseudos); + } + } + +}; + +for (var c in combinators) local['combinator:' + c] = combinators[c]; + +var pseudos = { + + /**/ + + 'empty': function(node){ + var child = node.firstChild; + return !(child && child.nodeType == 1) && !(node.innerText || node.textContent || '').length; + }, + + 'not': function(node, expression){ + return !this.matchNode(node, expression); + }, + + 'contains': function(node, text){ + return (node.innerText || node.textContent || '').indexOf(text) > -1; + }, + + 'first-child': function(node){ + while ((node = node.previousSibling)) if (node.nodeType == 1) return false; + return true; + }, + + 'last-child': function(node){ + while ((node = node.nextSibling)) if (node.nodeType == 1) return false; + return true; + }, + + 'only-child': function(node){ + var prev = node; + while ((prev = prev.previousSibling)) if (prev.nodeType == 1) return false; + var next = node; + while ((next = next.nextSibling)) if (next.nodeType == 1) return false; + return true; + }, + + /**/ + + 'nth-child': local.createNTHPseudo('firstChild', 'nextSibling', 'posNTH'), + + 'nth-last-child': local.createNTHPseudo('lastChild', 'previousSibling', 'posNTHLast'), + + 'nth-of-type': local.createNTHPseudo('firstChild', 'nextSibling', 'posNTHType', true), + + 'nth-last-of-type': local.createNTHPseudo('lastChild', 'previousSibling', 'posNTHTypeLast', true), + + 'index': function(node, index){ + return this['pseudo:nth-child'](node, '' + index + 1); + }, + + 'even': function(node){ + return this['pseudo:nth-child'](node, '2n'); + }, + + 'odd': function(node){ + return this['pseudo:nth-child'](node, '2n+1'); + }, + + /**/ + + /**/ + + 'first-of-type': function(node){ + var nodeName = node.nodeName; + while ((node = node.previousSibling)) if (node.nodeName == nodeName) return false; + return true; + }, + + 'last-of-type': function(node){ + var nodeName = node.nodeName; + while ((node = node.nextSibling)) if (node.nodeName == nodeName) return false; + return true; + }, + + 'only-of-type': function(node){ + var prev = node, nodeName = node.nodeName; + while ((prev = prev.previousSibling)) if (prev.nodeName == nodeName) return false; + var next = node; + while ((next = next.nextSibling)) if (next.nodeName == nodeName) return false; + return true; + }, + + /**/ + + // custom pseudos + + 'enabled': function(node){ + return !node.disabled; + }, + + 'disabled': function(node){ + return node.disabled; + }, + + 'checked': function(node){ + return node.checked || node.selected; + }, + + 'focus': function(node){ + return this.isHTMLDocument && this.document.activeElement === node && (node.href || node.type || this.hasAttribute(node, 'tabindex')); + }, + + 'root': function(node){ + return (node === this.root); + }, + + 'selected': function(node){ + return node.selected; + } + + /**/ +}; + +for (var p in pseudos) local['pseudo:' + p] = pseudos[p]; + +// attributes methods + +var attributeGetters = local.attributeGetters = { + + 'class': function(){ + return this.getAttribute('class') || this.className; + }, + + 'for': function(){ + return ('htmlFor' in this) ? this.htmlFor : this.getAttribute('for'); + }, + + 'href': function(){ + return ('href' in this) ? this.getAttribute('href', 2) : this.getAttribute('href'); + }, + + 'style': function(){ + return (this.style) ? this.style.cssText : this.getAttribute('style'); + }, + + 'tabindex': function(){ + var attributeNode = this.getAttributeNode('tabindex'); + return (attributeNode && attributeNode.specified) ? attributeNode.nodeValue : null; + }, + + 'type': function(){ + return this.getAttribute('type'); + }, + + 'maxlength': function(){ + var attributeNode = this.getAttributeNode('maxLength'); + return (attributeNode && attributeNode.specified) ? attributeNode.nodeValue : null; + } + +}; + +attributeGetters.MAXLENGTH = attributeGetters.maxLength = attributeGetters.maxlength; + +// Slick + +var Slick = local.Slick = (this.Slick || {}); + +Slick.version = '1.1.6'; + +// Slick finder + +Slick.search = function(context, expression, append){ + return local.search(context, expression, append); +}; + +Slick.find = function(context, expression){ + return local.search(context, expression, null, true); +}; + +// Slick containment checker + +Slick.contains = function(container, node){ + local.setDocument(container); + return local.contains(container, node); +}; + +// Slick attribute getter + +Slick.getAttribute = function(node, name){ + local.setDocument(node); + return local.getAttribute(node, name); +}; + +Slick.hasAttribute = function(node, name){ + local.setDocument(node); + return local.hasAttribute(node, name); +}; + +// Slick matcher + +Slick.match = function(node, selector){ + if (!(node && selector)) return false; + if (!selector || selector === node) return true; + local.setDocument(node); + return local.matchNode(node, selector); +}; + +// Slick attribute accessor + +Slick.defineAttributeGetter = function(name, fn){ + local.attributeGetters[name] = fn; + return this; +}; + +Slick.lookupAttributeGetter = function(name){ + return local.attributeGetters[name]; +}; + +// Slick pseudo accessor + +Slick.definePseudo = function(name, fn){ + local['pseudo:' + name] = function(node, argument){ + return fn.call(node, argument); + }; + return this; +}; + +Slick.lookupPseudo = function(name){ + var pseudo = local['pseudo:' + name]; + if (pseudo) return function(argument){ + return pseudo.call(this, argument); + }; + return null; +}; + +// Slick overrides accessor + +Slick.override = function(regexp, fn){ + local.override(regexp, fn); + return this; +}; + +Slick.isXML = local.isXML; + +Slick.uidOf = function(node){ + return local.getUIDHTML(node); +}; + +if (!this.Slick) this.Slick = Slick; + +}).apply(/**/(typeof exports != 'undefined') ? exports : /**/this); + + +/* +--- + +name: Element + +description: One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements. + +license: MIT-style license. + +requires: [Window, Document, Array, String, Function, Object, Number, Slick.Parser, Slick.Finder] + +provides: [Element, Elements, $, $$, Iframe, Selectors] + +... +*/ + +var Element = function(tag, props){ + var konstructor = Element.Constructors[tag]; + if (konstructor) return konstructor(props); + if (typeof tag != 'string') return document.id(tag).set(props); + + if (!props) props = {}; + + if (!(/^[\w-]+$/).test(tag)){ + var parsed = Slick.parse(tag).expressions[0][0]; + tag = (parsed.tag == '*') ? 'div' : parsed.tag; + if (parsed.id && props.id == null) props.id = parsed.id; + + var attributes = parsed.attributes; + if (attributes) for (var attr, i = 0, l = attributes.length; i < l; i++){ + attr = attributes[i]; + if (props[attr.key] != null) continue; + + if (attr.value != null && attr.operator == '=') props[attr.key] = attr.value; + else if (!attr.value && !attr.operator) props[attr.key] = true; + } + + if (parsed.classList && props['class'] == null) props['class'] = parsed.classList.join(' '); + } + + return document.newElement(tag, props); +}; + +if (Browser.Element) Element.prototype = Browser.Element.prototype; + +new Type('Element', Element).mirror(function(name){ + if (Array.prototype[name]) return; + + var obj = {}; + obj[name] = function(){ + var results = [], args = arguments, elements = true; + for (var i = 0, l = this.length; i < l; i++){ + var element = this[i], result = results[i] = element[name].apply(element, args); + elements = (elements && typeOf(result) == 'element'); + } + return (elements) ? new Elements(results) : results; + }; + + Elements.implement(obj); +}); + +if (!Browser.Element){ + Element.parent = Object; + + Element.Prototype = {'$family': Function.from('element').hide()}; + + Element.mirror(function(name, method){ + Element.Prototype[name] = method; + }); +} + +Element.Constructors = {}; + + + +var IFrame = new Type('IFrame', function(){ + var params = Array.link(arguments, { + properties: Type.isObject, + iframe: function(obj){ + return (obj != null); + } + }); + + var props = params.properties || {}, iframe; + if (params.iframe) iframe = document.id(params.iframe); + var onload = props.onload || function(){}; + delete props.onload; + props.id = props.name = [props.id, props.name, iframe ? (iframe.id || iframe.name) : 'IFrame_' + String.uniqueID()].pick(); + iframe = new Element(iframe || 'iframe', props); + + var onLoad = function(){ + onload.call(iframe.contentWindow); + }; + + if (window.frames[props.id]) onLoad(); + else iframe.addListener('load', onLoad); + return iframe; +}); + +var Elements = this.Elements = function(nodes){ + if (nodes && nodes.length){ + var uniques = {}, node; + for (var i = 0; node = nodes[i++];){ + var uid = Slick.uidOf(node); + if (!uniques[uid]){ + uniques[uid] = true; + this.push(node); + } + } + } +}; + +Elements.prototype = {length: 0}; +Elements.parent = Array; + +new Type('Elements', Elements).implement({ + + filter: function(filter, bind){ + if (!filter) return this; + return new Elements(Array.filter(this, (typeOf(filter) == 'string') ? function(item){ + return item.match(filter); + } : filter, bind)); + }.protect(), + + push: function(){ + var length = this.length; + for (var i = 0, l = arguments.length; i < l; i++){ + var item = document.id(arguments[i]); + if (item) this[length++] = item; + } + return (this.length = length); + }.protect(), + + unshift: function(){ + var items = []; + for (var i = 0, l = arguments.length; i < l; i++){ + var item = document.id(arguments[i]); + if (item) items.push(item); + } + return Array.prototype.unshift.apply(this, items); + }.protect(), + + concat: function(){ + var newElements = new Elements(this); + for (var i = 0, l = arguments.length; i < l; i++){ + var item = arguments[i]; + if (Type.isEnumerable(item)) newElements.append(item); + else newElements.push(item); + } + return newElements; + }.protect(), + + append: function(collection){ + for (var i = 0, l = collection.length; i < l; i++) this.push(collection[i]); + return this; + }.protect(), + + empty: function(){ + while (this.length) delete this[--this.length]; + return this; + }.protect() + +}); + + + +(function(){ + +// FF, IE +var splice = Array.prototype.splice, object = {'0': 0, '1': 1, length: 2}; + +splice.call(object, 1, 1); +if (object[1] == 1) Elements.implement('splice', function(){ + var length = this.length; + var result = splice.apply(this, arguments); + while (length >= this.length) delete this[length--]; + return result; +}.protect()); + +Elements.implement(Array.prototype); + +Array.mirror(Elements); + +/**/ +var createElementAcceptsHTML; +try { + var x = document.createElement(''); + createElementAcceptsHTML = (x.name == 'x'); +} catch(e){} + +var escapeQuotes = function(html){ + return ('' + html).replace(/&/g, '&').replace(/"/g, '"'); +}; +/**/ + +Document.implement({ + + newElement: function(tag, props){ + if (props && props.checked != null) props.defaultChecked = props.checked; + /**/// Fix for readonly name and type properties in IE < 8 + if (createElementAcceptsHTML && props){ + tag = '<' + tag; + if (props.name) tag += ' name="' + escapeQuotes(props.name) + '"'; + if (props.type) tag += ' type="' + escapeQuotes(props.type) + '"'; + tag += '>'; + delete props.name; + delete props.type; + } + /**/ + return this.id(this.createElement(tag)).set(props); + } + +}); + +})(); + +Document.implement({ + + newTextNode: function(text){ + return this.createTextNode(text); + }, + + getDocument: function(){ + return this; + }, + + getWindow: function(){ + return this.window; + }, + + id: (function(){ + + var types = { + + string: function(id, nocash, doc){ + id = Slick.find(doc, '#' + id.replace(/(\W)/g, '\\$1')); + return (id) ? types.element(id, nocash) : null; + }, + + element: function(el, nocash){ + $uid(el); + if (!nocash && !el.$family && !(/^(?:object|embed)$/i).test(el.tagName)){ + Object.append(el, Element.Prototype); + } + return el; + }, + + object: function(obj, nocash, doc){ + if (obj.toElement) return types.element(obj.toElement(doc), nocash); + return null; + } + + }; + + types.textnode = types.whitespace = types.window = types.document = function(zero){ + return zero; + }; + + return function(el, nocash, doc){ + if (el && el.$family && el.uid) return el; + var type = typeOf(el); + return (types[type]) ? types[type](el, nocash, doc || document) : null; + }; + + })() + +}); + +if (window.$ == null) Window.implement('$', function(el, nc){ + return document.id(el, nc, this.document); +}); + +Window.implement({ + + getDocument: function(){ + return this.document; + }, + + getWindow: function(){ + return this; + } + +}); + +[Document, Element].invoke('implement', { + + getElements: function(expression){ + return Slick.search(this, expression, new Elements); + }, + + getElement: function(expression){ + return document.id(Slick.find(this, expression)); + } + +}); + +var contains = {contains: function(element){ + return Slick.contains(this, element); +}}; + +if (!document.contains) Document.implement(contains); +if (!document.createElement('div').contains) Element.implement(contains); + + + +// tree walking + +var injectCombinator = function(expression, combinator){ + if (!expression) return combinator; + + expression = Object.clone(Slick.parse(expression)); + + var expressions = expression.expressions; + for (var i = expressions.length; i--;) + expressions[i][0].combinator = combinator; + + return expression; +}; + +Object.forEach({ + getNext: '~', + getPrevious: '!~', + getParent: '!' +}, function(combinator, method){ + Element.implement(method, function(expression){ + return this.getElement(injectCombinator(expression, combinator)); + }); +}); + +Object.forEach({ + getAllNext: '~', + getAllPrevious: '!~', + getSiblings: '~~', + getChildren: '>', + getParents: '!' +}, function(combinator, method){ + Element.implement(method, function(expression){ + return this.getElements(injectCombinator(expression, combinator)); + }); +}); + +Element.implement({ + + getFirst: function(expression){ + return document.id(Slick.search(this, injectCombinator(expression, '>'))[0]); + }, + + getLast: function(expression){ + return document.id(Slick.search(this, injectCombinator(expression, '>')).getLast()); + }, + + getWindow: function(){ + return this.ownerDocument.window; + }, + + getDocument: function(){ + return this.ownerDocument; + }, + + getElementById: function(id){ + return document.id(Slick.find(this, '#' + ('' + id).replace(/(\W)/g, '\\$1'))); + }, + + match: function(expression){ + return !expression || Slick.match(this, expression); + } + +}); + + + +if (window.$$ == null) Window.implement('$$', function(selector){ + if (arguments.length == 1){ + if (typeof selector == 'string') return Slick.search(this.document, selector, new Elements); + else if (Type.isEnumerable(selector)) return new Elements(selector); + } + return new Elements(arguments); +}); + +(function(){ + +// Inserters + +var inserters = { + + before: function(context, element){ + var parent = element.parentNode; + if (parent) parent.insertBefore(context, element); + }, + + after: function(context, element){ + var parent = element.parentNode; + if (parent) parent.insertBefore(context, element.nextSibling); + }, + + bottom: function(context, element){ + element.appendChild(context); + }, + + top: function(context, element){ + element.insertBefore(context, element.firstChild); + } + +}; + +inserters.inside = inserters.bottom; + + + +// getProperty / setProperty + +var propertyGetters = {}, propertySetters = {}; + +// properties + +var properties = {}; +Array.forEach([ + 'type', 'value', 'defaultValue', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', + 'frameBorder', 'readOnly', 'rowSpan', 'tabIndex', 'useMap' +], function(property){ + properties[property.toLowerCase()] = property; +}); + +Object.append(properties, { + 'html': 'innerHTML', + 'text': (function(){ + var temp = document.createElement('div'); + return (temp.textContent == null) ? 'innerText': 'textContent'; + })() +}); + +Object.forEach(properties, function(real, key){ + propertySetters[key] = function(node, value){ + node[real] = value; + }; + propertyGetters[key] = function(node){ + return node[real]; + }; +}); + +// Booleans + +var bools = [ + 'compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', + 'disabled', 'readOnly', 'multiple', 'selected', 'noresize', + 'defer', 'defaultChecked', 'autofocus', 'controls', 'autoplay', + 'loop' +]; + +var booleans = {}; +Array.forEach(bools, function(bool){ + var lower = bool.toLowerCase(); + booleans[lower] = bool; + propertySetters[lower] = function(node, value){ + node[bool] = !!value; + }; + propertyGetters[lower] = function(node){ + return !!node[bool]; + }; +}); + +// Special cases + +Object.append(propertySetters, { + + 'class': function(node, value){ + ('className' in node) ? node.className = value : node.setAttribute('class', value); + }, + + 'for': function(node, value){ + ('htmlFor' in node) ? node.htmlFor = value : node.setAttribute('for', value); + }, + + 'style': function(node, value){ + (node.style) ? node.style.cssText = value : node.setAttribute('style', value); + } + +}); + +/* getProperty, setProperty */ + +Element.implement({ + + setProperty: function(name, value){ + var lower = name.toLowerCase(); + if (value == null){ + if (!booleans[lower]){ + this.removeAttribute(name); + return this; + } + value = false; + } + var setter = propertySetters[lower]; + if (setter) setter(this, value); + else this.setAttribute(name, value); + return this; + }, + + setProperties: function(attributes){ + for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]); + return this; + }, + + getProperty: function(name){ + var getter = propertyGetters[name.toLowerCase()]; + if (getter) return getter(this); + var result = Slick.getAttribute(this, name); + return (!result && !Slick.hasAttribute(this, name)) ? null : result; + }, + + getProperties: function(){ + var args = Array.from(arguments); + return args.map(this.getProperty, this).associate(args); + }, + + removeProperty: function(name){ + return this.setProperty(name, null); + }, + + removeProperties: function(){ + Array.each(arguments, this.removeProperty, this); + return this; + }, + + set: function(prop, value){ + var property = Element.Properties[prop]; + (property && property.set) ? property.set.call(this, value) : this.setProperty(prop, value); + }.overloadSetter(), + + get: function(prop){ + var property = Element.Properties[prop]; + return (property && property.get) ? property.get.apply(this) : this.getProperty(prop); + }.overloadGetter(), + + erase: function(prop){ + var property = Element.Properties[prop]; + (property && property.erase) ? property.erase.apply(this) : this.removeProperty(prop); + return this; + }, + + hasClass: function(className){ + return this.className.clean().contains(className, ' '); + }, + + addClass: function(className){ + if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean(); + return this; + }, + + removeClass: function(className){ + this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1'); + return this; + }, + + toggleClass: function(className, force){ + if (force == null) force = !this.hasClass(className); + return (force) ? this.addClass(className) : this.removeClass(className); + }, + + adopt: function(){ + var parent = this, fragment, elements = Array.flatten(arguments), length = elements.length; + if (length > 1) parent = fragment = document.createDocumentFragment(); + + for (var i = 0; i < length; i++){ + var element = document.id(elements[i], true); + if (element) parent.appendChild(element); + } + + if (fragment) this.appendChild(fragment); + + return this; + }, + + appendText: function(text, where){ + return this.grab(this.getDocument().newTextNode(text), where); + }, + + grab: function(el, where){ + inserters[where || 'bottom'](document.id(el, true), this); + return this; + }, + + inject: function(el, where){ + inserters[where || 'bottom'](this, document.id(el, true)); + return this; + }, + + replaces: function(el){ + el = document.id(el, true); + el.parentNode.replaceChild(this, el); + return this; + }, + + wraps: function(el, where){ + el = document.id(el, true); + return this.replaces(el).grab(el, where); + }, + + getSelected: function(){ + this.selectedIndex; // Safari 3.2.1 + return new Elements(Array.from(this.options).filter(function(option){ + return option.selected; + })); + }, + + toQueryString: function(){ + var queryString = []; + this.getElements('input, select, textarea').each(function(el){ + var type = el.type; + if (!el.name || el.disabled || type == 'submit' || type == 'reset' || type == 'file' || type == 'image') return; + + var value = (el.get('tag') == 'select') ? el.getSelected().map(function(opt){ + // IE + return document.id(opt).get('value'); + }) : ((type == 'radio' || type == 'checkbox') && !el.checked) ? null : el.get('value'); + + Array.from(value).each(function(val){ + if (typeof val != 'undefined') queryString.push(encodeURIComponent(el.name) + '=' + encodeURIComponent(val)); + }); + }); + return queryString.join('&'); + } + +}); + +var collected = {}, storage = {}; + +var get = function(uid){ + return (storage[uid] || (storage[uid] = {})); +}; + +var clean = function(item){ + var uid = item.uid; + if (item.removeEvents) item.removeEvents(); + if (item.clearAttributes) item.clearAttributes(); + if (uid != null){ + delete collected[uid]; + delete storage[uid]; + } + return item; +}; + +var formProps = {input: 'checked', option: 'selected', textarea: 'value'}; + +Element.implement({ + + destroy: function(){ + var children = clean(this).getElementsByTagName('*'); + Array.each(children, clean); + Element.dispose(this); + return null; + }, + + empty: function(){ + Array.from(this.childNodes).each(Element.dispose); + return this; + }, + + dispose: function(){ + return (this.parentNode) ? this.parentNode.removeChild(this) : this; + }, + + clone: function(contents, keepid){ + contents = contents !== false; + var clone = this.cloneNode(contents), ce = [clone], te = [this], i; + + if (contents){ + ce.append(Array.from(clone.getElementsByTagName('*'))); + te.append(Array.from(this.getElementsByTagName('*'))); + } + + for (i = ce.length; i--;){ + var node = ce[i], element = te[i]; + if (!keepid) node.removeAttribute('id'); + /**/ + if (node.clearAttributes){ + node.clearAttributes(); + node.mergeAttributes(element); + node.removeAttribute('uid'); + if (node.options){ + var no = node.options, eo = element.options; + for (var j = no.length; j--;) no[j].selected = eo[j].selected; + } + } + /**/ + var prop = formProps[element.tagName.toLowerCase()]; + if (prop && element[prop]) node[prop] = element[prop]; + } + + /**/ + if (Browser.ie){ + var co = clone.getElementsByTagName('object'), to = this.getElementsByTagName('object'); + for (i = co.length; i--;) co[i].outerHTML = to[i].outerHTML; + } + /**/ + return document.id(clone); + } + +}); + +[Element, Window, Document].invoke('implement', { + + addListener: function(type, fn){ + if (type == 'unload'){ + var old = fn, self = this; + fn = function(){ + self.removeListener('unload', fn); + old(); + }; + } else { + collected[$uid(this)] = this; + } + if (this.addEventListener) this.addEventListener(type, fn, !!arguments[2]); + else this.attachEvent('on' + type, fn); + return this; + }, + + removeListener: function(type, fn){ + if (this.removeEventListener) this.removeEventListener(type, fn, !!arguments[2]); + else this.detachEvent('on' + type, fn); + return this; + }, + + retrieve: function(property, dflt){ + var storage = get($uid(this)), prop = storage[property]; + if (dflt != null && prop == null) prop = storage[property] = dflt; + return prop != null ? prop : null; + }, + + store: function(property, value){ + var storage = get($uid(this)); + storage[property] = value; + return this; + }, + + eliminate: function(property){ + var storage = get($uid(this)); + delete storage[property]; + return this; + } + +}); + +/**/ +if (window.attachEvent && !window.addEventListener) window.addListener('unload', function(){ + Object.each(collected, clean); + if (window.CollectGarbage) CollectGarbage(); +}); +/**/ + +Element.Properties = {}; + + + +Element.Properties.style = { + + set: function(style){ + this.style.cssText = style; + }, + + get: function(){ + return this.style.cssText; + }, + + erase: function(){ + this.style.cssText = ''; + } + +}; + +Element.Properties.tag = { + + get: function(){ + return this.tagName.toLowerCase(); + } + +}; + +/**/ +Element.Properties.html = (function(){ + + var tableTest = Function.attempt(function(){ + var table = document.createElement('table'); + table.innerHTML = ''; + }); + + var wrapper = document.createElement('div'); + + var translations = { + table: [1, '', '
'], + select: [1, ''], + tbody: [2, '', '
'], + tr: [3, '', '
'] + }; + translations.thead = translations.tfoot = translations.tbody; + + /**/ + // technique by jdbarlett - http://jdbartlett.com/innershiv/ + wrapper.innerHTML = ''; + var HTML5Test = wrapper.childNodes.length == 1; + if (!HTML5Test){ + var tags = 'abbr article aside audio canvas datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video'.split(' '), + fragment = document.createDocumentFragment(), l = tags.length; + while (l--) fragment.createElement(tags[l]); + fragment.appendChild(wrapper); + } + /**/ + + var html = { + set: function(html){ + if (typeOf(html) == 'array') html = html.join(''); + + var wrap = (!tableTest && translations[this.get('tag')]); + /**/ + if (!wrap && !HTML5Test) wrap = [0, '', '']; + /**/ + if (wrap){ + var first = wrapper; + first.innerHTML = wrap[1] + html + wrap[2]; + for (var i = wrap[0]; i--;) first = first.firstChild; + this.empty().adopt(first.childNodes); + } else { + this.innerHTML = html; + } + } + }; + + html.erase = html.set; + + return html; +})(); +/**/ + +/**/ +var testForm = document.createElement('form'); +testForm.innerHTML = ''; + +if (testForm.firstChild.value != 's') Element.Properties.value = { + + set: function(value){ + var tag = this.get('tag'); + if (tag != 'select') return this.setProperty('value', value); + var options = this.getElements('option'); + for (var i = 0; i < options.length; i++){ + var option = options[i], + attr = option.getAttributeNode('value'), + optionValue = (attr && attr.specified) ? option.value : option.get('text'); + if (optionValue == value) return option.selected = true; + } + }, + + get: function(){ + var option = this, tag = option.get('tag'); + + if (tag != 'select' && tag != 'option') return this.getProperty('value'); + + if (tag == 'select' && !(option = option.getSelected()[0])) return ''; + + var attr = option.getAttributeNode('value'); + return (attr && attr.specified) ? option.value : option.get('text'); + } + +}; +/**/ + +})(); + + +/* +--- + +name: Element.Style + +description: Contains methods for interacting with the styles of Elements in a fashionable way. + +license: MIT-style license. + +requires: Element + +provides: Element.Style + +... +*/ + +(function(){ + +var html = document.html; + +Element.Properties.styles = {set: function(styles){ + this.setStyles(styles); +}}; + +var hasOpacity = (html.style.opacity != null), + hasFilter = (html.style.filter != null), + reAlpha = /alpha\(opacity=([\d.]+)\)/i; + +var setVisibility = function(element, opacity){ + element.store('$opacity', opacity); + element.style.visibility = opacity > 0 ? 'visible' : 'hidden'; +}; + +var setOpacity = (hasOpacity ? function(element, opacity){ + element.style.opacity = opacity; +} : (hasFilter ? function(element, opacity){ + if (!element.currentStyle || !element.currentStyle.hasLayout) element.style.zoom = 1; + opacity = (opacity * 100).limit(0, 100).round(); + opacity = (opacity == 100) ? '' : 'alpha(opacity=' + opacity + ')'; + var filter = element.style.filter || element.getComputedStyle('filter') || ''; + element.style.filter = reAlpha.test(filter) ? filter.replace(reAlpha, opacity) : filter + opacity; +} : setVisibility)); + +var getOpacity = (hasOpacity ? function(element){ + var opacity = element.style.opacity || element.getComputedStyle('opacity'); + return (opacity == '') ? 1 : opacity.toFloat(); +} : (hasFilter ? function(element){ + var filter = (element.style.filter || element.getComputedStyle('filter')), + opacity; + if (filter) opacity = filter.match(reAlpha); + return (opacity == null || filter == null) ? 1 : (opacity[1] / 100); +} : function(element){ + var opacity = element.retrieve('$opacity'); + if (opacity == null) opacity = (element.style.visibility == 'hidden' ? 0 : 1); + return opacity; +})); + +var floatName = (html.style.cssFloat == null) ? 'styleFloat' : 'cssFloat'; + +Element.implement({ + + getComputedStyle: function(property){ + if (this.currentStyle) return this.currentStyle[property.camelCase()]; + var defaultView = Element.getDocument(this).defaultView, + computed = defaultView ? defaultView.getComputedStyle(this, null) : null; + return (computed) ? computed.getPropertyValue((property == floatName) ? 'float' : property.hyphenate()) : null; + }, + + setStyle: function(property, value){ + if (property == 'opacity'){ + setOpacity(this, parseFloat(value)); + return this; + } + property = (property == 'float' ? floatName : property).camelCase(); + if (typeOf(value) != 'string'){ + var map = (Element.Styles[property] || '@').split(' '); + value = Array.from(value).map(function(val, i){ + if (!map[i]) return ''; + return (typeOf(val) == 'number') ? map[i].replace('@', Math.round(val)) : val; + }).join(' '); + } else if (value == String(Number(value))){ + value = Math.round(value); + } + this.style[property] = value; + return this; + }, + + getStyle: function(property){ + if (property == 'opacity') return getOpacity(this); + property = (property == 'float' ? floatName : property).camelCase(); + var result = this.style[property]; + if (!result || property == 'zIndex'){ + result = []; + for (var style in Element.ShortStyles){ + if (property != style) continue; + for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s)); + return result.join(' '); + } + result = this.getComputedStyle(property); + } + if (result){ + result = String(result); + var color = result.match(/rgba?\([\d\s,]+\)/); + if (color) result = result.replace(color[0], color[0].rgbToHex()); + } + if (Browser.opera || (Browser.ie && isNaN(parseFloat(result)))){ + if ((/^(height|width)$/).test(property)){ + var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0; + values.each(function(value){ + size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt(); + }, this); + return this['offset' + property.capitalize()] - size + 'px'; + } + if (Browser.opera && String(result).indexOf('px') != -1) return result; + if ((/^border(.+)Width|margin|padding/).test(property)) return '0px'; + } + return result; + }, + + setStyles: function(styles){ + for (var style in styles) this.setStyle(style, styles[style]); + return this; + }, + + getStyles: function(){ + var result = {}; + Array.flatten(arguments).each(function(key){ + result[key] = this.getStyle(key); + }, this); + return result; + } + +}); + +Element.Styles = { + left: '@px', top: '@px', bottom: '@px', right: '@px', + width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@px', + backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)', + fontSize: '@px', letterSpacing: '@px', lineHeight: '@px', clip: 'rect(@px @px @px @px)', + margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)', + borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)', + zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@' +}; + + + + + +Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}}; + +['Top', 'Right', 'Bottom', 'Left'].each(function(direction){ + var Short = Element.ShortStyles; + var All = Element.Styles; + ['margin', 'padding'].each(function(style){ + var sd = style + direction; + Short[style][sd] = All[sd] = '@px'; + }); + var bd = 'border' + direction; + Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)'; + var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color'; + Short[bd] = {}; + Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px'; + Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@'; + Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)'; +}); + +})(); + + +/* +--- + +name: Element.Event + +description: Contains Element methods for dealing with events. This file also includes mouseenter and mouseleave custom Element Events. + +license: MIT-style license. + +requires: [Element, Event] + +provides: Element.Event + +... +*/ + +(function(){ + +Element.Properties.events = {set: function(events){ + this.addEvents(events); +}}; + +[Element, Window, Document].invoke('implement', { + + addEvent: function(type, fn){ + var events = this.retrieve('events', {}); + if (!events[type]) events[type] = {keys: [], values: []}; + if (events[type].keys.contains(fn)) return this; + events[type].keys.push(fn); + var realType = type, + custom = Element.Events[type], + condition = fn, + self = this; + if (custom){ + if (custom.onAdd) custom.onAdd.call(this, fn, type); + if (custom.condition){ + condition = function(event){ + if (custom.condition.call(this, event, type)) return fn.call(this, event); + return true; + }; + } + if (custom.base) realType = Function.from(custom.base).call(this, type); + } + var defn = function(){ + return fn.call(self); + }; + var nativeEvent = Element.NativeEvents[realType]; + if (nativeEvent){ + if (nativeEvent == 2){ + defn = function(event){ + event = new DOMEvent(event, self.getWindow()); + if (condition.call(self, event) === false) event.stop(); + }; + } + this.addListener(realType, defn, arguments[2]); + } + events[type].values.push(defn); + return this; + }, + + removeEvent: function(type, fn){ + var events = this.retrieve('events'); + if (!events || !events[type]) return this; + var list = events[type]; + var index = list.keys.indexOf(fn); + if (index == -1) return this; + var value = list.values[index]; + delete list.keys[index]; + delete list.values[index]; + var custom = Element.Events[type]; + if (custom){ + if (custom.onRemove) custom.onRemove.call(this, fn, type); + if (custom.base) type = Function.from(custom.base).call(this, type); + } + return (Element.NativeEvents[type]) ? this.removeListener(type, value, arguments[2]) : this; + }, + + addEvents: function(events){ + for (var event in events) this.addEvent(event, events[event]); + return this; + }, + + removeEvents: function(events){ + var type; + if (typeOf(events) == 'object'){ + for (type in events) this.removeEvent(type, events[type]); + return this; + } + var attached = this.retrieve('events'); + if (!attached) return this; + if (!events){ + for (type in attached) this.removeEvents(type); + this.eliminate('events'); + } else if (attached[events]){ + attached[events].keys.each(function(fn){ + this.removeEvent(events, fn); + }, this); + delete attached[events]; + } + return this; + }, + + fireEvent: function(type, args, delay){ + var events = this.retrieve('events'); + if (!events || !events[type]) return this; + args = Array.from(args); + + events[type].keys.each(function(fn){ + if (delay) fn.delay(delay, this, args); + else fn.apply(this, args); + }, this); + return this; + }, + + cloneEvents: function(from, type){ + from = document.id(from); + var events = from.retrieve('events'); + if (!events) return this; + if (!type){ + for (var eventType in events) this.cloneEvents(from, eventType); + } else if (events[type]){ + events[type].keys.each(function(fn){ + this.addEvent(type, fn); + }, this); + } + return this; + } + +}); + +Element.NativeEvents = { + click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons + mousewheel: 2, DOMMouseScroll: 2, //mouse wheel + mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement + keydown: 2, keypress: 2, keyup: 2, //keyboard + orientationchange: 2, // mobile + touchstart: 2, touchmove: 2, touchend: 2, touchcancel: 2, // touch + gesturestart: 2, gesturechange: 2, gestureend: 2, // gesture + focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, paste: 2, input: 2, //form elements + load: 2, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window + error: 1, abort: 1, scroll: 1 //misc +}; + +var check = function(event){ + var related = event.relatedTarget; + if (related == null) return true; + if (!related) return false; + return (related != this && related.prefix != 'xul' && typeOf(this) != 'document' && !this.contains(related)); +}; + +Element.Events = { + + mouseenter: { + base: 'mouseover', + condition: check + }, + + mouseleave: { + base: 'mouseout', + condition: check + }, + + mousewheel: { + base: (Browser.firefox) ? 'DOMMouseScroll' : 'mousewheel' + } + +}; + +/**/ +if (!window.addEventListener){ + Element.NativeEvents.propertychange = 2; + Element.Events.change = { + base: function(){ + var type = this.type; + return (this.get('tag') == 'input' && (type == 'radio' || type == 'checkbox')) ? 'propertychange' : 'change' + }, + condition: function(event){ + return !!(this.type != 'radio' || this.checked); + } + } +} +/**/ + + + +})(); + + +/* +--- + +name: Element.Dimensions + +description: Contains methods to work with size, scroll, or positioning of Elements and the window object. + +license: MIT-style license. + +credits: + - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html). + - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html). + +requires: [Element, Element.Style] + +provides: [Element.Dimensions] + +... +*/ + +(function(){ + +var element = document.createElement('div'), + child = document.createElement('div'); +element.style.height = '0'; +element.appendChild(child); +var brokenOffsetParent = (child.offsetParent === element); +element = child = null; + +var isOffset = function(el){ + return styleString(el, 'position') != 'static' || isBody(el); +}; + +var isOffsetStatic = function(el){ + return isOffset(el) || (/^(?:table|td|th)$/i).test(el.tagName); +}; + +Element.implement({ + + scrollTo: function(x, y){ + if (isBody(this)){ + this.getWindow().scrollTo(x, y); + } else { + this.scrollLeft = x; + this.scrollTop = y; + } + return this; + }, + + getSize: function(){ + if (isBody(this)) return this.getWindow().getSize(); + return {x: this.offsetWidth, y: this.offsetHeight}; + }, + + getScrollSize: function(){ + if (isBody(this)) return this.getWindow().getScrollSize(); + return {x: this.scrollWidth, y: this.scrollHeight}; + }, + + getScroll: function(){ + if (isBody(this)) return this.getWindow().getScroll(); + return {x: this.scrollLeft, y: this.scrollTop}; + }, + + getScrolls: function(){ + var element = this.parentNode, position = {x: 0, y: 0}; + while (element && !isBody(element)){ + position.x += element.scrollLeft; + position.y += element.scrollTop; + element = element.parentNode; + } + return position; + }, + + getOffsetParent: brokenOffsetParent ? function(){ + var element = this; + if (isBody(element) || styleString(element, 'position') == 'fixed') return null; + + var isOffsetCheck = (styleString(element, 'position') == 'static') ? isOffsetStatic : isOffset; + while ((element = element.parentNode)){ + if (isOffsetCheck(element)) return element; + } + return null; + } : function(){ + var element = this; + if (isBody(element) || styleString(element, 'position') == 'fixed') return null; + + try { + return element.offsetParent; + } catch(e) {} + return null; + }, + + getOffsets: function(){ + if (this.getBoundingClientRect && !Browser.Platform.ios){ + var bound = this.getBoundingClientRect(), + html = document.id(this.getDocument().documentElement), + htmlScroll = html.getScroll(), + elemScrolls = this.getScrolls(), + isFixed = (styleString(this, 'position') == 'fixed'); + + return { + x: bound.left.toInt() + elemScrolls.x + ((isFixed) ? 0 : htmlScroll.x) - html.clientLeft, + y: bound.top.toInt() + elemScrolls.y + ((isFixed) ? 0 : htmlScroll.y) - html.clientTop + }; + } + + var element = this, position = {x: 0, y: 0}; + if (isBody(this)) return position; + + while (element && !isBody(element)){ + position.x += element.offsetLeft; + position.y += element.offsetTop; + + if (Browser.firefox){ + if (!borderBox(element)){ + position.x += leftBorder(element); + position.y += topBorder(element); + } + var parent = element.parentNode; + if (parent && styleString(parent, 'overflow') != 'visible'){ + position.x += leftBorder(parent); + position.y += topBorder(parent); + } + } else if (element != this && Browser.safari){ + position.x += leftBorder(element); + position.y += topBorder(element); + } + + element = element.offsetParent; + } + if (Browser.firefox && !borderBox(this)){ + position.x -= leftBorder(this); + position.y -= topBorder(this); + } + return position; + }, + + getPosition: function(relative){ + var offset = this.getOffsets(), + scroll = this.getScrolls(); + var position = { + x: offset.x - scroll.x, + y: offset.y - scroll.y + }; + + if (relative && (relative = document.id(relative))){ + var relativePosition = relative.getPosition(); + return {x: position.x - relativePosition.x - leftBorder(relative), y: position.y - relativePosition.y - topBorder(relative)}; + } + return position; + }, + + getCoordinates: function(element){ + if (isBody(this)) return this.getWindow().getCoordinates(); + var position = this.getPosition(element), + size = this.getSize(); + var obj = { + left: position.x, + top: position.y, + width: size.x, + height: size.y + }; + obj.right = obj.left + obj.width; + obj.bottom = obj.top + obj.height; + return obj; + }, + + computePosition: function(obj){ + return { + left: obj.x - styleNumber(this, 'margin-left'), + top: obj.y - styleNumber(this, 'margin-top') + }; + }, + + setPosition: function(obj){ + return this.setStyles(this.computePosition(obj)); + } + +}); + + +[Document, Window].invoke('implement', { + + getSize: function(){ + var doc = getCompatElement(this); + return {x: doc.clientWidth, y: doc.clientHeight}; + }, + + getScroll: function(){ + var win = this.getWindow(), doc = getCompatElement(this); + return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop}; + }, + + getScrollSize: function(){ + var doc = getCompatElement(this), + min = this.getSize(), + body = this.getDocument().body; + + return {x: Math.max(doc.scrollWidth, body.scrollWidth, min.x), y: Math.max(doc.scrollHeight, body.scrollHeight, min.y)}; + }, + + getPosition: function(){ + return {x: 0, y: 0}; + }, + + getCoordinates: function(){ + var size = this.getSize(); + return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x}; + } + +}); + +// private methods + +var styleString = Element.getComputedStyle; + +function styleNumber(element, style){ + return styleString(element, style).toInt() || 0; +} + +function borderBox(element){ + return styleString(element, '-moz-box-sizing') == 'border-box'; +} + +function topBorder(element){ + return styleNumber(element, 'border-top-width'); +} + +function leftBorder(element){ + return styleNumber(element, 'border-left-width'); +} + +function isBody(element){ + return (/^(?:body|html)$/i).test(element.tagName); +} + +function getCompatElement(element){ + var doc = element.getDocument(); + return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; +} + +})(); + +//aliases +Element.alias({position: 'setPosition'}); //compatability + +[Window, Document, Element].invoke('implement', { + + getHeight: function(){ + return this.getSize().y; + }, + + getWidth: function(){ + return this.getSize().x; + }, + + getScrollTop: function(){ + return this.getScroll().y; + }, + + getScrollLeft: function(){ + return this.getScroll().x; + }, + + getScrollHeight: function(){ + return this.getScrollSize().y; + }, + + getScrollWidth: function(){ + return this.getScrollSize().x; + }, + + getTop: function(){ + return this.getPosition().y; + }, + + getLeft: function(){ + return this.getPosition().x; + } + +}); + + +/* +--- + +name: Fx + +description: Contains the basic animation logic to be extended by all other Fx Classes. + +license: MIT-style license. + +requires: [Chain, Events, Options] + +provides: Fx + +... +*/ + +(function(){ + +var Fx = this.Fx = new Class({ + + Implements: [Chain, Events, Options], + + options: { + /* + onStart: nil, + onCancel: nil, + onComplete: nil, + */ + fps: 60, + unit: false, + duration: 500, + frames: null, + frameSkip: true, + link: 'ignore' + }, + + initialize: function(options){ + this.subject = this.subject || this; + this.setOptions(options); + }, + + getTransition: function(){ + return function(p){ + return -(Math.cos(Math.PI * p) - 1) / 2; + }; + }, + + step: function(now){ + if (this.options.frameSkip){ + var diff = (this.time != null) ? (now - this.time) : 0, frames = diff / this.frameInterval; + this.time = now; + this.frame += frames; + } else { + this.frame++; + } + + if (this.frame < this.frames){ + var delta = this.transition(this.frame / this.frames); + this.set(this.compute(this.from, this.to, delta)); + } else { + this.frame = this.frames; + this.set(this.compute(this.from, this.to, 1)); + this.stop(); + } + }, + + set: function(now){ + return now; + }, + + compute: function(from, to, delta){ + return Fx.compute(from, to, delta); + }, + + check: function(){ + if (!this.isRunning()) return true; + switch (this.options.link){ + case 'cancel': this.cancel(); return true; + case 'chain': this.chain(this.caller.pass(arguments, this)); return false; + } + return false; + }, + + start: function(from, to){ + if (!this.check(from, to)) return this; + this.from = from; + this.to = to; + this.frame = (this.options.frameSkip) ? 0 : -1; + this.time = null; + this.transition = this.getTransition(); + var frames = this.options.frames, fps = this.options.fps, duration = this.options.duration; + this.duration = Fx.Durations[duration] || duration.toInt(); + this.frameInterval = 1000 / fps; + this.frames = frames || Math.round(this.duration / this.frameInterval); + this.fireEvent('start', this.subject); + pushInstance.call(this, fps); + return this; + }, + + stop: function(){ + if (this.isRunning()){ + this.time = null; + pullInstance.call(this, this.options.fps); + if (this.frames == this.frame){ + this.fireEvent('complete', this.subject); + if (!this.callChain()) this.fireEvent('chainComplete', this.subject); + } else { + this.fireEvent('stop', this.subject); + } + } + return this; + }, + + cancel: function(){ + if (this.isRunning()){ + this.time = null; + pullInstance.call(this, this.options.fps); + this.frame = this.frames; + this.fireEvent('cancel', this.subject).clearChain(); + } + return this; + }, + + pause: function(){ + if (this.isRunning()){ + this.time = null; + pullInstance.call(this, this.options.fps); + } + return this; + }, + + resume: function(){ + if ((this.frame < this.frames) && !this.isRunning()) pushInstance.call(this, this.options.fps); + return this; + }, + + isRunning: function(){ + var list = instances[this.options.fps]; + return list && list.contains(this); + } + +}); + +Fx.compute = function(from, to, delta){ + return (to - from) * delta + from; +}; + +Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000}; + +// global timers + +var instances = {}, timers = {}; + +var loop = function(){ + var now = Date.now(); + for (var i = this.length; i--;){ + var instance = this[i]; + if (instance) instance.step(now); + } +}; + +var pushInstance = function(fps){ + var list = instances[fps] || (instances[fps] = []); + list.push(this); + if (!timers[fps]) timers[fps] = loop.periodical(Math.round(1000 / fps), list); +}; + +var pullInstance = function(fps){ + var list = instances[fps]; + if (list){ + list.erase(this); + if (!list.length && timers[fps]){ + delete instances[fps]; + timers[fps] = clearInterval(timers[fps]); + } + } +}; + +})(); + + +/* +--- + +name: Fx.CSS + +description: Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements. + +license: MIT-style license. + +requires: [Fx, Element.Style] + +provides: Fx.CSS + +... +*/ + +Fx.CSS = new Class({ + + Extends: Fx, + + //prepares the base from/to object + + prepare: function(element, property, values){ + values = Array.from(values); + if (values[1] == null){ + values[1] = values[0]; + values[0] = element.getStyle(property); + } + var parsed = values.map(this.parse); + return {from: parsed[0], to: parsed[1]}; + }, + + //parses a value into an array + + parse: function(value){ + value = Function.from(value)(); + value = (typeof value == 'string') ? value.split(' ') : Array.from(value); + return value.map(function(val){ + val = String(val); + var found = false; + Object.each(Fx.CSS.Parsers, function(parser, key){ + if (found) return; + var parsed = parser.parse(val); + if (parsed || parsed === 0) found = {value: parsed, parser: parser}; + }); + found = found || {value: val, parser: Fx.CSS.Parsers.String}; + return found; + }); + }, + + //computes by a from and to prepared objects, using their parsers. + + compute: function(from, to, delta){ + var computed = []; + (Math.min(from.length, to.length)).times(function(i){ + computed.push({value: from[i].parser.compute(from[i].value, to[i].value, delta), parser: from[i].parser}); + }); + computed.$family = Function.from('fx:css:value'); + return computed; + }, + + //serves the value as settable + + serve: function(value, unit){ + if (typeOf(value) != 'fx:css:value') value = this.parse(value); + var returned = []; + value.each(function(bit){ + returned = returned.concat(bit.parser.serve(bit.value, unit)); + }); + return returned; + }, + + //renders the change to an element + + render: function(element, property, value, unit){ + element.setStyle(property, this.serve(value, unit)); + }, + + //searches inside the page css to find the values for a selector + + search: function(selector){ + if (Fx.CSS.Cache[selector]) return Fx.CSS.Cache[selector]; + var to = {}, selectorTest = new RegExp('^' + selector.escapeRegExp() + '$'); + Array.each(document.styleSheets, function(sheet, j){ + var href = sheet.href; + if (href && href.contains('://') && !href.contains(document.domain)) return; + var rules = sheet.rules || sheet.cssRules; + Array.each(rules, function(rule, i){ + if (!rule.style) return; + var selectorText = (rule.selectorText) ? rule.selectorText.replace(/^\w+/, function(m){ + return m.toLowerCase(); + }) : null; + if (!selectorText || !selectorTest.test(selectorText)) return; + Object.each(Element.Styles, function(value, style){ + if (!rule.style[style] || Element.ShortStyles[style]) return; + value = String(rule.style[style]); + to[style] = ((/^rgb/).test(value)) ? value.rgbToHex() : value; + }); + }); + }); + return Fx.CSS.Cache[selector] = to; + } + +}); + +Fx.CSS.Cache = {}; + +Fx.CSS.Parsers = { + + Color: { + parse: function(value){ + if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true); + return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false; + }, + compute: function(from, to, delta){ + return from.map(function(value, i){ + return Math.round(Fx.compute(from[i], to[i], delta)); + }); + }, + serve: function(value){ + return value.map(Number); + } + }, + + Number: { + parse: parseFloat, + compute: Fx.compute, + serve: function(value, unit){ + return (unit) ? value + unit : value; + } + }, + + String: { + parse: Function.from(false), + compute: function(zero, one){ + return one; + }, + serve: function(zero){ + return zero; + } + } + +}; + + + + +/* +--- + +name: Fx.Tween + +description: Formerly Fx.Style, effect to transition any CSS property for an element. + +license: MIT-style license. + +requires: Fx.CSS + +provides: [Fx.Tween, Element.fade, Element.highlight] + +... +*/ + +Fx.Tween = new Class({ + + Extends: Fx.CSS, + + initialize: function(element, options){ + this.element = this.subject = document.id(element); + this.parent(options); + }, + + set: function(property, now){ + if (arguments.length == 1){ + now = property; + property = this.property || this.options.property; + } + this.render(this.element, property, now, this.options.unit); + return this; + }, + + start: function(property, from, to){ + if (!this.check(property, from, to)) return this; + var args = Array.flatten(arguments); + this.property = this.options.property || args.shift(); + var parsed = this.prepare(this.element, this.property, args); + return this.parent(parsed.from, parsed.to); + } + +}); + +Element.Properties.tween = { + + set: function(options){ + this.get('tween').cancel().setOptions(options); + return this; + }, + + get: function(){ + var tween = this.retrieve('tween'); + if (!tween){ + tween = new Fx.Tween(this, {link: 'cancel'}); + this.store('tween', tween); + } + return tween; + } + +}; + +Element.implement({ + + tween: function(property, from, to){ + this.get('tween').start(property, from, to); + return this; + }, + + fade: function(how){ + var fade = this.get('tween'), method, to, toggle; + if (how == null) how = 'toggle'; + switch (how){ + case 'in': method = 'start'; to = 1; break; + case 'out': method = 'start'; to = 0; break; + case 'show': method = 'set'; to = 1; break; + case 'hide': method = 'set'; to = 0; break; + case 'toggle': + var flag = this.retrieve('fade:flag', this.getStyle('opacity') == 1); + method = 'start'; + to = flag ? 0 : 1; + this.store('fade:flag', !flag); + toggle = true; + break; + default: method = 'start'; to = how; + } + if (!toggle) this.eliminate('fade:flag'); + fade[method]('opacity', to); + if (method == 'set' || to != 0) this.setStyle('visibility', to == 0 ? 'hidden' : 'visible'); + else fade.chain(function(){ + this.element.setStyle('visibility', 'hidden'); + }); + return this; + }, + + highlight: function(start, end){ + if (!end){ + end = this.retrieve('highlight:original', this.getStyle('background-color')); + end = (end == 'transparent') ? '#fff' : end; + } + var tween = this.get('tween'); + tween.start('background-color', start || '#ffff88', end).chain(function(){ + this.setStyle('background-color', this.retrieve('highlight:original')); + tween.callChain(); + }.bind(this)); + return this; + } + +}); + + +/* +--- + +name: Fx.Morph + +description: Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules. + +license: MIT-style license. + +requires: Fx.CSS + +provides: Fx.Morph + +... +*/ + +Fx.Morph = new Class({ + + Extends: Fx.CSS, + + initialize: function(element, options){ + this.element = this.subject = document.id(element); + this.parent(options); + }, + + set: function(now){ + if (typeof now == 'string') now = this.search(now); + for (var p in now) this.render(this.element, p, now[p], this.options.unit); + return this; + }, + + compute: function(from, to, delta){ + var now = {}; + for (var p in from) now[p] = this.parent(from[p], to[p], delta); + return now; + }, + + start: function(properties){ + if (!this.check(properties)) return this; + if (typeof properties == 'string') properties = this.search(properties); + var from = {}, to = {}; + for (var p in properties){ + var parsed = this.prepare(this.element, p, properties[p]); + from[p] = parsed.from; + to[p] = parsed.to; + } + return this.parent(from, to); + } + +}); + +Element.Properties.morph = { + + set: function(options){ + this.get('morph').cancel().setOptions(options); + return this; + }, + + get: function(){ + var morph = this.retrieve('morph'); + if (!morph){ + morph = new Fx.Morph(this, {link: 'cancel'}); + this.store('morph', morph); + } + return morph; + } + +}; + +Element.implement({ + + morph: function(props){ + this.get('morph').start(props); + return this; + } + +}); + + +/* +--- + +name: Fx.Transitions + +description: Contains a set of advanced transitions to be used with any of the Fx Classes. + +license: MIT-style license. + +credits: + - Easing Equations by Robert Penner, , modified and optimized to be used with MooTools. + +requires: Fx + +provides: Fx.Transitions + +... +*/ + +Fx.implement({ + + getTransition: function(){ + var trans = this.options.transition || Fx.Transitions.Sine.easeInOut; + if (typeof trans == 'string'){ + var data = trans.split(':'); + trans = Fx.Transitions; + trans = trans[data[0]] || trans[data[0].capitalize()]; + if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')]; + } + return trans; + } + +}); + +Fx.Transition = function(transition, params){ + params = Array.from(params); + var easeIn = function(pos){ + return transition(pos, params); + }; + return Object.append(easeIn, { + easeIn: easeIn, + easeOut: function(pos){ + return 1 - transition(1 - pos, params); + }, + easeInOut: function(pos){ + return (pos <= 0.5 ? transition(2 * pos, params) : (2 - transition(2 * (1 - pos), params))) / 2; + } + }); +}; + +Fx.Transitions = { + + linear: function(zero){ + return zero; + } + +}; + + + +Fx.Transitions.extend = function(transitions){ + for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); +}; + +Fx.Transitions.extend({ + + Pow: function(p, x){ + return Math.pow(p, x && x[0] || 6); + }, + + Expo: function(p){ + return Math.pow(2, 8 * (p - 1)); + }, + + Circ: function(p){ + return 1 - Math.sin(Math.acos(p)); + }, + + Sine: function(p){ + return 1 - Math.cos(p * Math.PI / 2); + }, + + Back: function(p, x){ + x = x && x[0] || 1.618; + return Math.pow(p, 2) * ((x + 1) * p - x); + }, + + Bounce: function(p){ + var value; + for (var a = 0, b = 1; 1; a += b, b /= 2){ + if (p >= (7 - 4 * a) / 11){ + value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); + break; + } + } + return value; + }, + + Elastic: function(p, x){ + return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x && x[0] || 1) / 3); + } + +}); + +['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){ + Fx.Transitions[transition] = new Fx.Transition(function(p){ + return Math.pow(p, i + 2); + }); +}); + + +/* +--- + +name: DOMReady + +description: Contains the custom event domready. + +license: MIT-style license. + +requires: [Browser, Element, Element.Event] + +provides: [DOMReady, DomReady] + +... +*/ + +(function(window, document){ + +var ready, + loaded, + checks = [], + shouldPoll, + timer, + testElement = document.createElement('div'); + +var domready = function(){ + clearTimeout(timer); + if (ready) return; + Browser.loaded = ready = true; + document.removeListener('DOMContentLoaded', domready).removeListener('readystatechange', check); + + document.fireEvent('domready'); + window.fireEvent('domready'); +}; + +var check = function(){ + for (var i = checks.length; i--;) if (checks[i]()){ + domready(); + return true; + } + return false; +}; + +var poll = function(){ + clearTimeout(timer); + if (!check()) timer = setTimeout(poll, 10); +}; + +document.addListener('DOMContentLoaded', domready); + +/**/ +// doScroll technique by Diego Perini http://javascript.nwbox.com/IEContentLoaded/ +// testElement.doScroll() throws when the DOM is not ready, only in the top window +var doScrollWorks = function(){ + try { + testElement.doScroll(); + return true; + } catch (e){} + return false; +}; +// If doScroll works already, it can't be used to determine domready +// e.g. in an iframe +if (testElement.doScroll && !doScrollWorks()){ + checks.push(doScrollWorks); + shouldPoll = true; +} +/**/ + +if (document.readyState) checks.push(function(){ + var state = document.readyState; + return (state == 'loaded' || state == 'complete'); +}); + +if ('onreadystatechange' in document) document.addListener('readystatechange', check); +else shouldPoll = true; + +if (shouldPoll) poll(); + +Element.Events.domready = { + onAdd: function(fn){ + if (ready) fn.call(this); + } +}; + +// Make sure that domready fires before load +Element.Events.load = { + base: 'load', + onAdd: function(fn){ + if (loaded && this == window) fn.call(this); + }, + condition: function(){ + if (this == window){ + domready(); + delete Element.Events.load; + } + return true; + } +}; + +// This is based on the custom load event +window.addEvent('load', function(){ + loaded = true; +}); + +})(window, document); + diff --git a/Test/mootools-more.js b/Test/mootools-more.js new file mode 100644 index 0000000..2824883 --- /dev/null +++ b/Test/mootools-more.js @@ -0,0 +1,1918 @@ +// MooTools: the javascript framework. +// Load this file's selection again by visiting: http://mootools.net/more/ea71e7d3aab3551fe45865dbb054a052 +// Or build this file again with packager using: packager build More/Date More/Drag More/Drag.Move More/IframeShim +/* +--- + +script: More.js + +name: More + +description: MooTools More + +license: MIT-style license + +authors: + - Guillermo Rauch + - Thomas Aylott + - Scott Kyle + - Arian Stolwijk + - Tim Wienk + - Christoph Pojer + - Aaron Newton + - Jacob Thornton + +requires: + - Core/MooTools + +provides: [MooTools.More] + +... +*/ + +MooTools.More = { + 'version': '1.4.0.1', + 'build': 'a4244edf2aa97ac8a196fc96082dd35af1abab87' +}; + + +/* +--- + +script: Object.Extras.js + +name: Object.Extras + +description: Extra Object generics, like getFromPath which allows a path notation to child elements. + +license: MIT-style license + +authors: + - Aaron Newton + +requires: + - Core/Object + - /MooTools.More + +provides: [Object.Extras] + +... +*/ + +(function(){ + +var defined = function(value){ + return value != null; +}; + +var hasOwnProperty = Object.prototype.hasOwnProperty; + +Object.extend({ + + getFromPath: function(source, parts){ + if (typeof parts == 'string') parts = parts.split('.'); + for (var i = 0, l = parts.length; i < l; i++){ + if (hasOwnProperty.call(source, parts[i])) source = source[parts[i]]; + else return null; + } + return source; + }, + + cleanValues: function(object, method){ + method = method || defined; + for (var key in object) if (!method(object[key])){ + delete object[key]; + } + return object; + }, + + erase: function(object, key){ + if (hasOwnProperty.call(object, key)) delete object[key]; + return object; + }, + + run: function(object){ + var args = Array.slice(arguments, 1); + for (var key in object) if (object[key].apply){ + object[key].apply(object, args); + } + return object; + } + +}); + +})(); + + +/* +--- + +script: Locale.js + +name: Locale + +description: Provides methods for localization. + +license: MIT-style license + +authors: + - Aaron Newton + - Arian Stolwijk + +requires: + - Core/Events + - /Object.Extras + - /MooTools.More + +provides: [Locale, Lang] + +... +*/ + +(function(){ + +var current = null, + locales = {}, + inherits = {}; + +var getSet = function(set){ + if (instanceOf(set, Locale.Set)) return set; + else return locales[set]; +}; + +var Locale = this.Locale = { + + define: function(locale, set, key, value){ + var name; + if (instanceOf(locale, Locale.Set)){ + name = locale.name; + if (name) locales[name] = locale; + } else { + name = locale; + if (!locales[name]) locales[name] = new Locale.Set(name); + locale = locales[name]; + } + + if (set) locale.define(set, key, value); + + + + if (!current) current = locale; + + return locale; + }, + + use: function(locale){ + locale = getSet(locale); + + if (locale){ + current = locale; + + this.fireEvent('change', locale); + + + } + + return this; + }, + + getCurrent: function(){ + return current; + }, + + get: function(key, args){ + return (current) ? current.get(key, args) : ''; + }, + + inherit: function(locale, inherits, set){ + locale = getSet(locale); + + if (locale) locale.inherit(inherits, set); + return this; + }, + + list: function(){ + return Object.keys(locales); + } + +}; + +Object.append(Locale, new Events); + +Locale.Set = new Class({ + + sets: {}, + + inherits: { + locales: [], + sets: {} + }, + + initialize: function(name){ + this.name = name || ''; + }, + + define: function(set, key, value){ + var defineData = this.sets[set]; + if (!defineData) defineData = {}; + + if (key){ + if (typeOf(key) == 'object') defineData = Object.merge(defineData, key); + else defineData[key] = value; + } + this.sets[set] = defineData; + + return this; + }, + + get: function(key, args, _base){ + var value = Object.getFromPath(this.sets, key); + if (value != null){ + var type = typeOf(value); + if (type == 'function') value = value.apply(null, Array.from(args)); + else if (type == 'object') value = Object.clone(value); + return value; + } + + // get value of inherited locales + var index = key.indexOf('.'), + set = index < 0 ? key : key.substr(0, index), + names = (this.inherits.sets[set] || []).combine(this.inherits.locales).include('en-US'); + if (!_base) _base = []; + + for (var i = 0, l = names.length; i < l; i++){ + if (_base.contains(names[i])) continue; + _base.include(names[i]); + + var locale = locales[names[i]]; + if (!locale) continue; + + value = locale.get(key, args, _base); + if (value != null) return value; + } + + return ''; + }, + + inherit: function(names, set){ + names = Array.from(names); + + if (set && !this.inherits.sets[set]) this.inherits.sets[set] = []; + + var l = names.length; + while (l--) (set ? this.inherits.sets[set] : this.inherits.locales).unshift(names[l]); + + return this; + } + +}); + + + +})(); + + +/* +--- + +name: Locale.en-US.Date + +description: Date messages for US English. + +license: MIT-style license + +authors: + - Aaron Newton + +requires: + - /Locale + +provides: [Locale.en-US.Date] + +... +*/ + +Locale.define('en-US', 'Date', { + + months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], + months_abbr: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], + days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], + days_abbr: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + + // Culture's date order: MM/DD/YYYY + dateOrder: ['month', 'date', 'year'], + shortDate: '%m/%d/%Y', + shortTime: '%I:%M%p', + AM: 'AM', + PM: 'PM', + firstDayOfWeek: 0, + + // Date.Extras + ordinal: function(dayOfMonth){ + // 1st, 2nd, 3rd, etc. + return (dayOfMonth > 3 && dayOfMonth < 21) ? 'th' : ['th', 'st', 'nd', 'rd', 'th'][Math.min(dayOfMonth % 10, 4)]; + }, + + lessThanMinuteAgo: 'less than a minute ago', + minuteAgo: 'about a minute ago', + minutesAgo: '{delta} minutes ago', + hourAgo: 'about an hour ago', + hoursAgo: 'about {delta} hours ago', + dayAgo: '1 day ago', + daysAgo: '{delta} days ago', + weekAgo: '1 week ago', + weeksAgo: '{delta} weeks ago', + monthAgo: '1 month ago', + monthsAgo: '{delta} months ago', + yearAgo: '1 year ago', + yearsAgo: '{delta} years ago', + + lessThanMinuteUntil: 'less than a minute from now', + minuteUntil: 'about a minute from now', + minutesUntil: '{delta} minutes from now', + hourUntil: 'about an hour from now', + hoursUntil: 'about {delta} hours from now', + dayUntil: '1 day from now', + daysUntil: '{delta} days from now', + weekUntil: '1 week from now', + weeksUntil: '{delta} weeks from now', + monthUntil: '1 month from now', + monthsUntil: '{delta} months from now', + yearUntil: '1 year from now', + yearsUntil: '{delta} years from now' + +}); + + +/* +--- + +script: Date.js + +name: Date + +description: Extends the Date native object to include methods useful in managing dates. + +license: MIT-style license + +authors: + - Aaron Newton + - Nicholas Barthelemy - https://svn.nbarthelemy.com/date-js/ + - Harald Kirshner - mail [at] digitarald.de; http://digitarald.de + - Scott Kyle - scott [at] appden.com; http://appden.com + +requires: + - Core/Array + - Core/String + - Core/Number + - MooTools.More + - Locale + - Locale.en-US.Date + +provides: [Date] + +... +*/ + +(function(){ + +var Date = this.Date; + +var DateMethods = Date.Methods = { + ms: 'Milliseconds', + year: 'FullYear', + min: 'Minutes', + mo: 'Month', + sec: 'Seconds', + hr: 'Hours' +}; + +['Date', 'Day', 'FullYear', 'Hours', 'Milliseconds', 'Minutes', 'Month', 'Seconds', 'Time', 'TimezoneOffset', + 'Week', 'Timezone', 'GMTOffset', 'DayOfYear', 'LastMonth', 'LastDayOfMonth', 'UTCDate', 'UTCDay', 'UTCFullYear', + 'AMPM', 'Ordinal', 'UTCHours', 'UTCMilliseconds', 'UTCMinutes', 'UTCMonth', 'UTCSeconds', 'UTCMilliseconds'].each(function(method){ + Date.Methods[method.toLowerCase()] = method; +}); + +var pad = function(n, digits, string){ + if (digits == 1) return n; + return n < Math.pow(10, digits - 1) ? (string || '0') + pad(n, digits - 1, string) : n; +}; + +Date.implement({ + + set: function(prop, value){ + prop = prop.toLowerCase(); + var method = DateMethods[prop] && 'set' + DateMethods[prop]; + if (method && this[method]) this[method](value); + return this; + }.overloadSetter(), + + get: function(prop){ + prop = prop.toLowerCase(); + var method = DateMethods[prop] && 'get' + DateMethods[prop]; + if (method && this[method]) return this[method](); + return null; + }.overloadGetter(), + + clone: function(){ + return new Date(this.get('time')); + }, + + increment: function(interval, times){ + interval = interval || 'day'; + times = times != null ? times : 1; + + switch (interval){ + case 'year': + return this.increment('month', times * 12); + case 'month': + var d = this.get('date'); + this.set('date', 1).set('mo', this.get('mo') + times); + return this.set('date', d.min(this.get('lastdayofmonth'))); + case 'week': + return this.increment('day', times * 7); + case 'day': + return this.set('date', this.get('date') + times); + } + + if (!Date.units[interval]) throw new Error(interval + ' is not a supported interval'); + + return this.set('time', this.get('time') + times * Date.units[interval]()); + }, + + decrement: function(interval, times){ + return this.increment(interval, -1 * (times != null ? times : 1)); + }, + + isLeapYear: function(){ + return Date.isLeapYear(this.get('year')); + }, + + clearTime: function(){ + return this.set({hr: 0, min: 0, sec: 0, ms: 0}); + }, + + diff: function(date, resolution){ + if (typeOf(date) == 'string') date = Date.parse(date); + + return ((date - this) / Date.units[resolution || 'day'](3, 3)).round(); // non-leap year, 30-day month + }, + + getLastDayOfMonth: function(){ + return Date.daysInMonth(this.get('mo'), this.get('year')); + }, + + getDayOfYear: function(){ + return (Date.UTC(this.get('year'), this.get('mo'), this.get('date') + 1) + - Date.UTC(this.get('year'), 0, 1)) / Date.units.day(); + }, + + setDay: function(day, firstDayOfWeek){ + if (firstDayOfWeek == null){ + firstDayOfWeek = Date.getMsg('firstDayOfWeek'); + if (firstDayOfWeek === '') firstDayOfWeek = 1; + } + + day = (7 + Date.parseDay(day, true) - firstDayOfWeek) % 7; + var currentDay = (7 + this.get('day') - firstDayOfWeek) % 7; + + return this.increment('day', day - currentDay); + }, + + getWeek: function(firstDayOfWeek){ + if (firstDayOfWeek == null){ + firstDayOfWeek = Date.getMsg('firstDayOfWeek'); + if (firstDayOfWeek === '') firstDayOfWeek = 1; + } + + var date = this, + dayOfWeek = (7 + date.get('day') - firstDayOfWeek) % 7, + dividend = 0, + firstDayOfYear; + + if (firstDayOfWeek == 1){ + // ISO-8601, week belongs to year that has the most days of the week (i.e. has the thursday of the week) + var month = date.get('month'), + startOfWeek = date.get('date') - dayOfWeek; + + if (month == 11 && startOfWeek > 28) return 1; // Week 1 of next year + + if (month == 0 && startOfWeek < -2){ + // Use a date from last year to determine the week + date = new Date(date).decrement('day', dayOfWeek); + dayOfWeek = 0; + } + + firstDayOfYear = new Date(date.get('year'), 0, 1).get('day') || 7; + if (firstDayOfYear > 4) dividend = -7; // First week of the year is not week 1 + } else { + // In other cultures the first week of the year is always week 1 and the last week always 53 or 54. + // Days in the same week can have a different weeknumber if the week spreads across two years. + firstDayOfYear = new Date(date.get('year'), 0, 1).get('day'); + } + + dividend += date.get('dayofyear'); + dividend += 6 - dayOfWeek; // Add days so we calculate the current date's week as a full week + dividend += (7 + firstDayOfYear - firstDayOfWeek) % 7; // Make up for first week of the year not being a full week + + return (dividend / 7); + }, + + getOrdinal: function(day){ + return Date.getMsg('ordinal', day || this.get('date')); + }, + + getTimezone: function(){ + return this.toString() + .replace(/^.*? ([A-Z]{3}).[0-9]{4}.*$/, '$1') + .replace(/^.*?\(([A-Z])[a-z]+ ([A-Z])[a-z]+ ([A-Z])[a-z]+\)$/, '$1$2$3'); + }, + + getGMTOffset: function(){ + var off = this.get('timezoneOffset'); + return ((off > 0) ? '-' : '+') + pad((off.abs() / 60).floor(), 2) + pad(off % 60, 2); + }, + + setAMPM: function(ampm){ + ampm = ampm.toUpperCase(); + var hr = this.get('hr'); + if (hr > 11 && ampm == 'AM') return this.decrement('hour', 12); + else if (hr < 12 && ampm == 'PM') return this.increment('hour', 12); + return this; + }, + + getAMPM: function(){ + return (this.get('hr') < 12) ? 'AM' : 'PM'; + }, + + parse: function(str){ + this.set('time', Date.parse(str)); + return this; + }, + + isValid: function(date){ + if (!date) date = this; + return typeOf(date) == 'date' && !isNaN(date.valueOf()); + }, + + format: function(format){ + if (!this.isValid()) return 'invalid date'; + + if (!format) format = '%x %X'; + if (typeof format == 'string') format = formats[format.toLowerCase()] || format; + if (typeof format == 'function') return format(this); + + var d = this; + return format.replace(/%([a-z%])/gi, + function($0, $1){ + switch ($1){ + case 'a': return Date.getMsg('days_abbr')[d.get('day')]; + case 'A': return Date.getMsg('days')[d.get('day')]; + case 'b': return Date.getMsg('months_abbr')[d.get('month')]; + case 'B': return Date.getMsg('months')[d.get('month')]; + case 'c': return d.format('%a %b %d %H:%M:%S %Y'); + case 'd': return pad(d.get('date'), 2); + case 'e': return pad(d.get('date'), 2, ' '); + case 'H': return pad(d.get('hr'), 2); + case 'I': return pad((d.get('hr') % 12) || 12, 2); + case 'j': return pad(d.get('dayofyear'), 3); + case 'k': return pad(d.get('hr'), 2, ' '); + case 'l': return pad((d.get('hr') % 12) || 12, 2, ' '); + case 'L': return pad(d.get('ms'), 3); + case 'm': return pad((d.get('mo') + 1), 2); + case 'M': return pad(d.get('min'), 2); + case 'o': return d.get('ordinal'); + case 'p': return Date.getMsg(d.get('ampm')); + case 's': return Math.round(d / 1000); + case 'S': return pad(d.get('seconds'), 2); + case 'T': return d.format('%H:%M:%S'); + case 'U': return pad(d.get('week'), 2); + case 'w': return d.get('day'); + case 'x': return d.format(Date.getMsg('shortDate')); + case 'X': return d.format(Date.getMsg('shortTime')); + case 'y': return d.get('year').toString().substr(2); + case 'Y': return d.get('year'); + case 'z': return d.get('GMTOffset'); + case 'Z': return d.get('Timezone'); + } + return $1; + } + ); + }, + + toISOString: function(){ + return this.format('iso8601'); + } + +}).alias({ + toJSON: 'toISOString', + compare: 'diff', + strftime: 'format' +}); + +// The day and month abbreviations are standardized, so we cannot use simply %a and %b because they will get localized +var rfcDayAbbr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + rfcMonthAbbr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; + +var formats = { + db: '%Y-%m-%d %H:%M:%S', + compact: '%Y%m%dT%H%M%S', + 'short': '%d %b %H:%M', + 'long': '%B %d, %Y %H:%M', + rfc822: function(date){ + return rfcDayAbbr[date.get('day')] + date.format(', %d ') + rfcMonthAbbr[date.get('month')] + date.format(' %Y %H:%M:%S %Z'); + }, + rfc2822: function(date){ + return rfcDayAbbr[date.get('day')] + date.format(', %d ') + rfcMonthAbbr[date.get('month')] + date.format(' %Y %H:%M:%S %z'); + }, + iso8601: function(date){ + return ( + date.getUTCFullYear() + '-' + + pad(date.getUTCMonth() + 1, 2) + '-' + + pad(date.getUTCDate(), 2) + 'T' + + pad(date.getUTCHours(), 2) + ':' + + pad(date.getUTCMinutes(), 2) + ':' + + pad(date.getUTCSeconds(), 2) + '.' + + pad(date.getUTCMilliseconds(), 3) + 'Z' + ); + } +}; + +var parsePatterns = [], + nativeParse = Date.parse; + +var parseWord = function(type, word, num){ + var ret = -1, + translated = Date.getMsg(type + 's'); + switch (typeOf(word)){ + case 'object': + ret = translated[word.get(type)]; + break; + case 'number': + ret = translated[word]; + if (!ret) throw new Error('Invalid ' + type + ' index: ' + word); + break; + case 'string': + var match = translated.filter(function(name){ + return this.test(name); + }, new RegExp('^' + word, 'i')); + if (!match.length) throw new Error('Invalid ' + type + ' string'); + if (match.length > 1) throw new Error('Ambiguous ' + type); + ret = match[0]; + } + + return (num) ? translated.indexOf(ret) : ret; +}; + +var startCentury = 1900, + startYear = 70; + +Date.extend({ + + getMsg: function(key, args){ + return Locale.get('Date.' + key, args); + }, + + units: { + ms: Function.from(1), + second: Function.from(1000), + minute: Function.from(60000), + hour: Function.from(3600000), + day: Function.from(86400000), + week: Function.from(608400000), + month: function(month, year){ + var d = new Date; + return Date.daysInMonth(month != null ? month : d.get('mo'), year != null ? year : d.get('year')) * 86400000; + }, + year: function(year){ + year = year || new Date().get('year'); + return Date.isLeapYear(year) ? 31622400000 : 31536000000; + } + }, + + daysInMonth: function(month, year){ + return [31, Date.isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]; + }, + + isLeapYear: function(year){ + return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0); + }, + + parse: function(from){ + var t = typeOf(from); + if (t == 'number') return new Date(from); + if (t != 'string') return from; + from = from.clean(); + if (!from.length) return null; + + var parsed; + parsePatterns.some(function(pattern){ + var bits = pattern.re.exec(from); + return (bits) ? (parsed = pattern.handler(bits)) : false; + }); + + if (!(parsed && parsed.isValid())){ + parsed = new Date(nativeParse(from)); + if (!(parsed && parsed.isValid())) parsed = new Date(from.toInt()); + } + return parsed; + }, + + parseDay: function(day, num){ + return parseWord('day', day, num); + }, + + parseMonth: function(month, num){ + return parseWord('month', month, num); + }, + + parseUTC: function(value){ + var localDate = new Date(value); + var utcSeconds = Date.UTC( + localDate.get('year'), + localDate.get('mo'), + localDate.get('date'), + localDate.get('hr'), + localDate.get('min'), + localDate.get('sec'), + localDate.get('ms') + ); + return new Date(utcSeconds); + }, + + orderIndex: function(unit){ + return Date.getMsg('dateOrder').indexOf(unit) + 1; + }, + + defineFormat: function(name, format){ + formats[name] = format; + return this; + }, + + + + defineParser: function(pattern){ + parsePatterns.push((pattern.re && pattern.handler) ? pattern : build(pattern)); + return this; + }, + + defineParsers: function(){ + Array.flatten(arguments).each(Date.defineParser); + return this; + }, + + define2DigitYearStart: function(year){ + startYear = year % 100; + startCentury = year - startYear; + return this; + } + +}).extend({ + defineFormats: Date.defineFormat.overloadSetter() +}); + +var regexOf = function(type){ + return new RegExp('(?:' + Date.getMsg(type).map(function(name){ + return name.substr(0, 3); + }).join('|') + ')[a-z]*'); +}; + +var replacers = function(key){ + switch (key){ + case 'T': + return '%H:%M:%S'; + case 'x': // iso8601 covers yyyy-mm-dd, so just check if month is first + return ((Date.orderIndex('month') == 1) ? '%m[-./]%d' : '%d[-./]%m') + '([-./]%y)?'; + case 'X': + return '%H([.:]%M)?([.:]%S([.:]%s)?)? ?%p? ?%z?'; + } + return null; +}; + +var keys = { + d: /[0-2]?[0-9]|3[01]/, + H: /[01]?[0-9]|2[0-3]/, + I: /0?[1-9]|1[0-2]/, + M: /[0-5]?\d/, + s: /\d+/, + o: /[a-z]*/, + p: /[ap]\.?m\.?/, + y: /\d{2}|\d{4}/, + Y: /\d{4}/, + z: /Z|[+-]\d{2}(?::?\d{2})?/ +}; + +keys.m = keys.I; +keys.S = keys.M; + +var currentLanguage; + +var recompile = function(language){ + currentLanguage = language; + + keys.a = keys.A = regexOf('days'); + keys.b = keys.B = regexOf('months'); + + parsePatterns.each(function(pattern, i){ + if (pattern.format) parsePatterns[i] = build(pattern.format); + }); +}; + +var build = function(format){ + if (!currentLanguage) return {format: format}; + + var parsed = []; + var re = (format.source || format) // allow format to be regex + .replace(/%([a-z])/gi, + function($0, $1){ + return replacers($1) || $0; + } + ).replace(/\((?!\?)/g, '(?:') // make all groups non-capturing + .replace(/ (?!\?|\*)/g, ',? ') // be forgiving with spaces and commas + .replace(/%([a-z%])/gi, + function($0, $1){ + var p = keys[$1]; + if (!p) return $1; + parsed.push($1); + return '(' + p.source + ')'; + } + ).replace(/\[a-z\]/gi, '[a-z\\u00c0-\\uffff;\&]'); // handle unicode words + + return { + format: format, + re: new RegExp('^' + re + '$', 'i'), + handler: function(bits){ + bits = bits.slice(1).associate(parsed); + var date = new Date().clearTime(), + year = bits.y || bits.Y; + + if (year != null) handle.call(date, 'y', year); // need to start in the right year + if ('d' in bits) handle.call(date, 'd', 1); + if ('m' in bits || bits.b || bits.B) handle.call(date, 'm', 1); + + for (var key in bits) handle.call(date, key, bits[key]); + return date; + } + }; +}; + +var handle = function(key, value){ + if (!value) return this; + + switch (key){ + case 'a': case 'A': return this.set('day', Date.parseDay(value, true)); + case 'b': case 'B': return this.set('mo', Date.parseMonth(value, true)); + case 'd': return this.set('date', value); + case 'H': case 'I': return this.set('hr', value); + case 'm': return this.set('mo', value - 1); + case 'M': return this.set('min', value); + case 'p': return this.set('ampm', value.replace(/\./g, '')); + case 'S': return this.set('sec', value); + case 's': return this.set('ms', ('0.' + value) * 1000); + case 'w': return this.set('day', value); + case 'Y': return this.set('year', value); + case 'y': + value = +value; + if (value < 100) value += startCentury + (value < startYear ? 100 : 0); + return this.set('year', value); + case 'z': + if (value == 'Z') value = '+00'; + var offset = value.match(/([+-])(\d{2}):?(\d{2})?/); + offset = (offset[1] + '1') * (offset[2] * 60 + (+offset[3] || 0)) + this.getTimezoneOffset(); + return this.set('time', this - offset * 60000); + } + + return this; +}; + +Date.defineParsers( + '%Y([-./]%m([-./]%d((T| )%X)?)?)?', // "1999-12-31", "1999-12-31 11:59pm", "1999-12-31 23:59:59", ISO8601 + '%Y%m%d(T%H(%M%S?)?)?', // "19991231", "19991231T1159", compact + '%x( %X)?', // "12/31", "12.31.99", "12-31-1999", "12/31/2008 11:59 PM" + '%d%o( %b( %Y)?)?( %X)?', // "31st", "31st December", "31 Dec 1999", "31 Dec 1999 11:59pm" + '%b( %d%o)?( %Y)?( %X)?', // Same as above with month and day switched + '%Y %b( %d%o( %X)?)?', // Same as above with year coming first + '%o %b %d %X %z %Y', // "Thu Oct 22 08:11:23 +0000 2009" + '%T', // %H:%M:%S + '%H:%M( ?%p)?' // "11:05pm", "11:05 am" and "11:05" +); + +Locale.addEvent('change', function(language){ + if (Locale.get('Date')) recompile(language); +}).fireEvent('change', Locale.getCurrent()); + +})(); + + +/* +--- + +script: Drag.js + +name: Drag + +description: The base Drag Class. Can be used to drag and resize Elements using mouse events. + +license: MIT-style license + +authors: + - Valerio Proietti + - Tom Occhinno + - Jan Kassens + +requires: + - Core/Events + - Core/Options + - Core/Element.Event + - Core/Element.Style + - Core/Element.Dimensions + - /MooTools.More + +provides: [Drag] +... + +*/ + +var Drag = new Class({ + + Implements: [Events, Options], + + options: {/* + onBeforeStart: function(thisElement){}, + onStart: function(thisElement, event){}, + onSnap: function(thisElement){}, + onDrag: function(thisElement, event){}, + onCancel: function(thisElement){}, + onComplete: function(thisElement, event){},*/ + snap: 6, + unit: 'px', + grid: false, + style: true, + limit: false, + handle: false, + invert: false, + preventDefault: false, + stopPropagation: false, + modifiers: {x: 'left', y: 'top'} + }, + + initialize: function(){ + var params = Array.link(arguments, { + 'options': Type.isObject, + 'element': function(obj){ + return obj != null; + } + }); + + this.element = document.id(params.element); + this.document = this.element.getDocument(); + this.setOptions(params.options || {}); + var htype = typeOf(this.options.handle); + this.handles = ((htype == 'array' || htype == 'collection') ? $$(this.options.handle) : document.id(this.options.handle)) || this.element; + this.mouse = {'now': {}, 'pos': {}}; + this.value = {'start': {}, 'now': {}}; + + this.selection = (Browser.ie) ? 'selectstart' : 'mousedown'; + + + if (Browser.ie && !Drag.ondragstartFixed){ + document.ondragstart = Function.from(false); + Drag.ondragstartFixed = true; + } + + this.bound = { + start: this.start.bind(this), + check: this.check.bind(this), + drag: this.drag.bind(this), + stop: this.stop.bind(this), + cancel: this.cancel.bind(this), + eventStop: Function.from(false) + }; + this.attach(); + }, + + attach: function(){ + this.handles.addEvent('mousedown', this.bound.start); + return this; + }, + + detach: function(){ + this.handles.removeEvent('mousedown', this.bound.start); + return this; + }, + + start: function(event){ + var options = this.options; + + if (event.rightClick) return; + + if (options.preventDefault) event.preventDefault(); + if (options.stopPropagation) event.stopPropagation(); + this.mouse.start = event.page; + + this.fireEvent('beforeStart', this.element); + + var limit = options.limit; + this.limit = {x: [], y: []}; + + var z, coordinates; + for (z in options.modifiers){ + if (!options.modifiers[z]) continue; + + var style = this.element.getStyle(options.modifiers[z]); + + // Some browsers (IE and Opera) don't always return pixels. + if (style && !style.match(/px$/)){ + if (!coordinates) coordinates = this.element.getCoordinates(this.element.getOffsetParent()); + style = coordinates[options.modifiers[z]]; + } + + if (options.style) this.value.now[z] = (style || 0).toInt(); + else this.value.now[z] = this.element[options.modifiers[z]]; + + if (options.invert) this.value.now[z] *= -1; + + this.mouse.pos[z] = event.page[z] - this.value.now[z]; + + if (limit && limit[z]){ + var i = 2; + while (i--){ + var limitZI = limit[z][i]; + if (limitZI || limitZI === 0) this.limit[z][i] = (typeof limitZI == 'function') ? limitZI() : limitZI; + } + } + } + + if (typeOf(this.options.grid) == 'number') this.options.grid = { + x: this.options.grid, + y: this.options.grid + }; + + var events = { + mousemove: this.bound.check, + mouseup: this.bound.cancel + }; + events[this.selection] = this.bound.eventStop; + this.document.addEvents(events); + }, + + check: function(event){ + if (this.options.preventDefault) event.preventDefault(); + var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); + if (distance > this.options.snap){ + this.cancel(); + this.document.addEvents({ + mousemove: this.bound.drag, + mouseup: this.bound.stop + }); + this.fireEvent('start', [this.element, event]).fireEvent('snap', this.element); + } + }, + + drag: function(event){ + var options = this.options; + + if (options.preventDefault) event.preventDefault(); + this.mouse.now = event.page; + + for (var z in options.modifiers){ + if (!options.modifiers[z]) continue; + this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z]; + + if (options.invert) this.value.now[z] *= -1; + + if (options.limit && this.limit[z]){ + if ((this.limit[z][1] || this.limit[z][1] === 0) && (this.value.now[z] > this.limit[z][1])){ + this.value.now[z] = this.limit[z][1]; + } else if ((this.limit[z][0] || this.limit[z][0] === 0) && (this.value.now[z] < this.limit[z][0])){ + this.value.now[z] = this.limit[z][0]; + } + } + + if (options.grid[z]) this.value.now[z] -= ((this.value.now[z] - (this.limit[z][0]||0)) % options.grid[z]); + + if (options.style) this.element.setStyle(options.modifiers[z], this.value.now[z] + options.unit); + else this.element[options.modifiers[z]] = this.value.now[z]; + } + + this.fireEvent('drag', [this.element, event]); + }, + + cancel: function(event){ + this.document.removeEvents({ + mousemove: this.bound.check, + mouseup: this.bound.cancel + }); + if (event){ + this.document.removeEvent(this.selection, this.bound.eventStop); + this.fireEvent('cancel', this.element); + } + }, + + stop: function(event){ + var events = { + mousemove: this.bound.drag, + mouseup: this.bound.stop + }; + events[this.selection] = this.bound.eventStop; + this.document.removeEvents(events); + if (event) this.fireEvent('complete', [this.element, event]); + } + +}); + +Element.implement({ + + makeResizable: function(options){ + var drag = new Drag(this, Object.merge({ + modifiers: { + x: 'width', + y: 'height' + } + }, options)); + + this.store('resizer', drag); + return drag.addEvent('drag', function(){ + this.fireEvent('resize', drag); + }.bind(this)); + } + +}); + + +/* +--- + +script: Drag.Move.js + +name: Drag.Move + +description: A Drag extension that provides support for the constraining of draggables to containers and droppables. + +license: MIT-style license + +authors: + - Valerio Proietti + - Tom Occhinno + - Jan Kassens + - Aaron Newton + - Scott Kyle + +requires: + - Core/Element.Dimensions + - /Drag + +provides: [Drag.Move] + +... +*/ + +Drag.Move = new Class({ + + Extends: Drag, + + options: {/* + onEnter: function(thisElement, overed){}, + onLeave: function(thisElement, overed){}, + onDrop: function(thisElement, overed, event){},*/ + droppables: [], + container: false, + precalculate: false, + includeMargins: true, + checkDroppables: true + }, + + initialize: function(element, options){ + this.parent(element, options); + element = this.element; + + this.droppables = $$(this.options.droppables); + this.container = document.id(this.options.container); + + if (this.container && typeOf(this.container) != 'element') + this.container = document.id(this.container.getDocument().body); + + if (this.options.style){ + if (this.options.modifiers.x == 'left' && this.options.modifiers.y == 'top'){ + var parent = element.getOffsetParent(), + styles = element.getStyles('left', 'top'); + if (parent && (styles.left == 'auto' || styles.top == 'auto')){ + element.setPosition(element.getPosition(parent)); + } + } + + if (element.getStyle('position') == 'static') element.setStyle('position', 'absolute'); + } + + this.addEvent('start', this.checkDroppables, true); + this.overed = null; + }, + + start: function(event){ + if (this.container) this.options.limit = this.calculateLimit(); + + if (this.options.precalculate){ + this.positions = this.droppables.map(function(el){ + return el.getCoordinates(); + }); + } + + this.parent(event); + }, + + calculateLimit: function(){ + var element = this.element, + container = this.container, + + offsetParent = document.id(element.getOffsetParent()) || document.body, + containerCoordinates = container.getCoordinates(offsetParent), + elementMargin = {}, + elementBorder = {}, + containerMargin = {}, + containerBorder = {}, + offsetParentPadding = {}; + + ['top', 'right', 'bottom', 'left'].each(function(pad){ + elementMargin[pad] = element.getStyle('margin-' + pad).toInt(); + elementBorder[pad] = element.getStyle('border-' + pad).toInt(); + containerMargin[pad] = container.getStyle('margin-' + pad).toInt(); + containerBorder[pad] = container.getStyle('border-' + pad).toInt(); + offsetParentPadding[pad] = offsetParent.getStyle('padding-' + pad).toInt(); + }, this); + + var width = element.offsetWidth + elementMargin.left + elementMargin.right, + height = element.offsetHeight + elementMargin.top + elementMargin.bottom, + left = 0, + top = 0, + right = containerCoordinates.right - containerBorder.right - width, + bottom = containerCoordinates.bottom - containerBorder.bottom - height; + + if (this.options.includeMargins){ + left += elementMargin.left; + top += elementMargin.top; + } else { + right += elementMargin.right; + bottom += elementMargin.bottom; + } + + if (element.getStyle('position') == 'relative'){ + var coords = element.getCoordinates(offsetParent); + coords.left -= element.getStyle('left').toInt(); + coords.top -= element.getStyle('top').toInt(); + + left -= coords.left; + top -= coords.top; + if (container.getStyle('position') != 'relative'){ + left += containerBorder.left; + top += containerBorder.top; + } + right += elementMargin.left - coords.left; + bottom += elementMargin.top - coords.top; + + if (container != offsetParent){ + left += containerMargin.left + offsetParentPadding.left; + top += ((Browser.ie6 || Browser.ie7) ? 0 : containerMargin.top) + offsetParentPadding.top; + } + } else { + left -= elementMargin.left; + top -= elementMargin.top; + if (container != offsetParent){ + left += containerCoordinates.left + containerBorder.left; + top += containerCoordinates.top + containerBorder.top; + } + } + + return { + x: [left, right], + y: [top, bottom] + }; + }, + + getDroppableCoordinates: function(element){ + var position = element.getCoordinates(); + if (element.getStyle('position') == 'fixed'){ + var scroll = window.getScroll(); + position.left += scroll.x; + position.right += scroll.x; + position.top += scroll.y; + position.bottom += scroll.y; + } + return position; + }, + + checkDroppables: function(){ + var overed = this.droppables.filter(function(el, i){ + el = this.positions ? this.positions[i] : this.getDroppableCoordinates(el); + var now = this.mouse.now; + return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top); + }, this).getLast(); + + if (this.overed != overed){ + if (this.overed) this.fireEvent('leave', [this.element, this.overed]); + if (overed) this.fireEvent('enter', [this.element, overed]); + this.overed = overed; + } + }, + + drag: function(event){ + this.parent(event); + if (this.options.checkDroppables && this.droppables.length) this.checkDroppables(); + }, + + stop: function(event){ + this.checkDroppables(); + this.fireEvent('drop', [this.element, this.overed, event]); + this.overed = null; + return this.parent(event); + } + +}); + +Element.implement({ + + makeDraggable: function(options){ + var drag = new Drag.Move(this, options); + this.store('dragger', drag); + return drag; + } + +}); + + +/* +--- + +script: Element.Measure.js + +name: Element.Measure + +description: Extends the Element native object to include methods useful in measuring dimensions. + +credits: "Element.measure / .expose methods by Daniel Steigerwald License: MIT-style license. Copyright: Copyright (c) 2008 Daniel Steigerwald, daniel.steigerwald.cz" + +license: MIT-style license + +authors: + - Aaron Newton + +requires: + - Core/Element.Style + - Core/Element.Dimensions + - /MooTools.More + +provides: [Element.Measure] + +... +*/ + +(function(){ + +var getStylesList = function(styles, planes){ + var list = []; + Object.each(planes, function(directions){ + Object.each(directions, function(edge){ + styles.each(function(style){ + list.push(style + '-' + edge + (style == 'border' ? '-width' : '')); + }); + }); + }); + return list; +}; + +var calculateEdgeSize = function(edge, styles){ + var total = 0; + Object.each(styles, function(value, style){ + if (style.test(edge)) total = total + value.toInt(); + }); + return total; +}; + +var isVisible = function(el){ + return !!(!el || el.offsetHeight || el.offsetWidth); +}; + + +Element.implement({ + + measure: function(fn){ + if (isVisible(this)) return fn.call(this); + var parent = this.getParent(), + toMeasure = []; + while (!isVisible(parent) && parent != document.body){ + toMeasure.push(parent.expose()); + parent = parent.getParent(); + } + var restore = this.expose(), + result = fn.call(this); + restore(); + toMeasure.each(function(restore){ + restore(); + }); + return result; + }, + + expose: function(){ + if (this.getStyle('display') != 'none') return function(){}; + var before = this.style.cssText; + this.setStyles({ + display: 'block', + position: 'absolute', + visibility: 'hidden' + }); + return function(){ + this.style.cssText = before; + }.bind(this); + }, + + getDimensions: function(options){ + options = Object.merge({computeSize: false}, options); + var dim = {x: 0, y: 0}; + + var getSize = function(el, options){ + return (options.computeSize) ? el.getComputedSize(options) : el.getSize(); + }; + + var parent = this.getParent('body'); + + if (parent && this.getStyle('display') == 'none'){ + dim = this.measure(function(){ + return getSize(this, options); + }); + } else if (parent){ + try { //safari sometimes crashes here, so catch it + dim = getSize(this, options); + }catch(e){} + } + + return Object.append(dim, (dim.x || dim.x === 0) ? { + width: dim.x, + height: dim.y + } : { + x: dim.width, + y: dim.height + } + ); + }, + + getComputedSize: function(options){ + + + options = Object.merge({ + styles: ['padding','border'], + planes: { + height: ['top','bottom'], + width: ['left','right'] + }, + mode: 'both' + }, options); + + var styles = {}, + size = {width: 0, height: 0}, + dimensions; + + if (options.mode == 'vertical'){ + delete size.width; + delete options.planes.width; + } else if (options.mode == 'horizontal'){ + delete size.height; + delete options.planes.height; + } + + getStylesList(options.styles, options.planes).each(function(style){ + styles[style] = this.getStyle(style).toInt(); + }, this); + + Object.each(options.planes, function(edges, plane){ + + var capitalized = plane.capitalize(), + style = this.getStyle(plane); + + if (style == 'auto' && !dimensions) dimensions = this.getDimensions(); + + style = styles[plane] = (style == 'auto') ? dimensions[plane] : style.toInt(); + size['total' + capitalized] = style; + + edges.each(function(edge){ + var edgesize = calculateEdgeSize(edge, styles); + size['computed' + edge.capitalize()] = edgesize; + size['total' + capitalized] += edgesize; + }); + + }, this); + + return Object.append(size, styles); + } + +}); + +})(); + + +/* +--- + +script: Element.Position.js + +name: Element.Position + +description: Extends the Element native object to include methods useful positioning elements relative to others. + +license: MIT-style license + +authors: + - Aaron Newton + - Jacob Thornton + +requires: + - Core/Options + - Core/Element.Dimensions + - Element.Measure + +provides: [Element.Position] + +... +*/ + +(function(original){ + +var local = Element.Position = { + + options: {/* + edge: false, + returnPos: false, + minimum: {x: 0, y: 0}, + maximum: {x: 0, y: 0}, + relFixedPosition: false, + ignoreMargins: false, + ignoreScroll: false, + allowNegative: false,*/ + relativeTo: document.body, + position: { + x: 'center', //left, center, right + y: 'center' //top, center, bottom + }, + offset: {x: 0, y: 0} + }, + + getOptions: function(element, options){ + options = Object.merge({}, local.options, options); + local.setPositionOption(options); + local.setEdgeOption(options); + local.setOffsetOption(element, options); + local.setDimensionsOption(element, options); + return options; + }, + + setPositionOption: function(options){ + options.position = local.getCoordinateFromValue(options.position); + }, + + setEdgeOption: function(options){ + var edgeOption = local.getCoordinateFromValue(options.edge); + options.edge = edgeOption ? edgeOption : + (options.position.x == 'center' && options.position.y == 'center') ? {x: 'center', y: 'center'} : + {x: 'left', y: 'top'}; + }, + + setOffsetOption: function(element, options){ + var parentOffset = {x: 0, y: 0}, + offsetParent = element.measure(function(){ + return document.id(this.getOffsetParent()); + }), + parentScroll = offsetParent.getScroll(); + + if (!offsetParent || offsetParent == element.getDocument().body) return; + parentOffset = offsetParent.measure(function(){ + var position = this.getPosition(); + if (this.getStyle('position') == 'fixed'){ + var scroll = window.getScroll(); + position.x += scroll.x; + position.y += scroll.y; + } + return position; + }); + + options.offset = { + parentPositioned: offsetParent != document.id(options.relativeTo), + x: options.offset.x - parentOffset.x + parentScroll.x, + y: options.offset.y - parentOffset.y + parentScroll.y + }; + }, + + setDimensionsOption: function(element, options){ + options.dimensions = element.getDimensions({ + computeSize: true, + styles: ['padding', 'border', 'margin'] + }); + }, + + getPosition: function(element, options){ + var position = {}; + options = local.getOptions(element, options); + var relativeTo = document.id(options.relativeTo) || document.body; + + local.setPositionCoordinates(options, position, relativeTo); + if (options.edge) local.toEdge(position, options); + + var offset = options.offset; + position.left = ((position.x >= 0 || offset.parentPositioned || options.allowNegative) ? position.x : 0).toInt(); + position.top = ((position.y >= 0 || offset.parentPositioned || options.allowNegative) ? position.y : 0).toInt(); + + local.toMinMax(position, options); + + if (options.relFixedPosition || relativeTo.getStyle('position') == 'fixed') local.toRelFixedPosition(relativeTo, position); + if (options.ignoreScroll) local.toIgnoreScroll(relativeTo, position); + if (options.ignoreMargins) local.toIgnoreMargins(position, options); + + position.left = Math.ceil(position.left); + position.top = Math.ceil(position.top); + delete position.x; + delete position.y; + + return position; + }, + + setPositionCoordinates: function(options, position, relativeTo){ + var offsetY = options.offset.y, + offsetX = options.offset.x, + calc = (relativeTo == document.body) ? window.getScroll() : relativeTo.getPosition(), + top = calc.y, + left = calc.x, + winSize = window.getSize(); + + switch(options.position.x){ + case 'left': position.x = left + offsetX; break; + case 'right': position.x = left + offsetX + relativeTo.offsetWidth; break; + default: position.x = left + ((relativeTo == document.body ? winSize.x : relativeTo.offsetWidth) / 2) + offsetX; break; + } + + switch(options.position.y){ + case 'top': position.y = top + offsetY; break; + case 'bottom': position.y = top + offsetY + relativeTo.offsetHeight; break; + default: position.y = top + ((relativeTo == document.body ? winSize.y : relativeTo.offsetHeight) / 2) + offsetY; break; + } + }, + + toMinMax: function(position, options){ + var xy = {left: 'x', top: 'y'}, value; + ['minimum', 'maximum'].each(function(minmax){ + ['left', 'top'].each(function(lr){ + value = options[minmax] ? options[minmax][xy[lr]] : null; + if (value != null && ((minmax == 'minimum') ? position[lr] < value : position[lr] > value)) position[lr] = value; + }); + }); + }, + + toRelFixedPosition: function(relativeTo, position){ + var winScroll = window.getScroll(); + position.top += winScroll.y; + position.left += winScroll.x; + }, + + toIgnoreScroll: function(relativeTo, position){ + var relScroll = relativeTo.getScroll(); + position.top -= relScroll.y; + position.left -= relScroll.x; + }, + + toIgnoreMargins: function(position, options){ + position.left += options.edge.x == 'right' + ? options.dimensions['margin-right'] + : (options.edge.x != 'center' + ? -options.dimensions['margin-left'] + : -options.dimensions['margin-left'] + ((options.dimensions['margin-right'] + options.dimensions['margin-left']) / 2)); + + position.top += options.edge.y == 'bottom' + ? options.dimensions['margin-bottom'] + : (options.edge.y != 'center' + ? -options.dimensions['margin-top'] + : -options.dimensions['margin-top'] + ((options.dimensions['margin-bottom'] + options.dimensions['margin-top']) / 2)); + }, + + toEdge: function(position, options){ + var edgeOffset = {}, + dimensions = options.dimensions, + edge = options.edge; + + switch(edge.x){ + case 'left': edgeOffset.x = 0; break; + case 'right': edgeOffset.x = -dimensions.x - dimensions.computedRight - dimensions.computedLeft; break; + // center + default: edgeOffset.x = -(Math.round(dimensions.totalWidth / 2)); break; + } + + switch(edge.y){ + case 'top': edgeOffset.y = 0; break; + case 'bottom': edgeOffset.y = -dimensions.y - dimensions.computedTop - dimensions.computedBottom; break; + // center + default: edgeOffset.y = -(Math.round(dimensions.totalHeight / 2)); break; + } + + position.x += edgeOffset.x; + position.y += edgeOffset.y; + }, + + getCoordinateFromValue: function(option){ + if (typeOf(option) != 'string') return option; + option = option.toLowerCase(); + + return { + x: option.test('left') ? 'left' + : (option.test('right') ? 'right' : 'center'), + y: option.test(/upper|top/) ? 'top' + : (option.test('bottom') ? 'bottom' : 'center') + }; + } + +}; + +Element.implement({ + + position: function(options){ + if (options && (options.x != null || options.y != null)){ + return (original ? original.apply(this, arguments) : this); + } + var position = this.setStyle('position', 'absolute').calculatePosition(options); + return (options && options.returnPos) ? position : this.setStyles(position); + }, + + calculatePosition: function(options){ + return local.getPosition(this, options); + } + +}); + +})(Element.prototype.position); + + +/* +--- + +script: Class.Occlude.js + +name: Class.Occlude + +description: Prevents a class from being applied to a DOM element twice. + +license: MIT-style license. + +authors: + - Aaron Newton + +requires: + - Core/Class + - Core/Element + - /MooTools.More + +provides: [Class.Occlude] + +... +*/ + +Class.Occlude = new Class({ + + occlude: function(property, element){ + element = document.id(element || this.element); + var instance = element.retrieve(property || this.property); + if (instance && !this.occluded) + return (this.occluded = instance); + + this.occluded = false; + element.store(property || this.property, this); + return this.occluded; + } + +}); + + +/* +--- + +script: IframeShim.js + +name: IframeShim + +description: Defines IframeShim, a class for obscuring select lists and flash objects in IE. + +license: MIT-style license + +authors: + - Aaron Newton + +requires: + - Core/Element.Event + - Core/Element.Style + - Core/Options + - Core/Events + - /Element.Position + - /Class.Occlude + +provides: [IframeShim] + +... +*/ + +var IframeShim = new Class({ + + Implements: [Options, Events, Class.Occlude], + + options: { + className: 'iframeShim', + src: 'javascript:false;document.write("");', + display: false, + zIndex: null, + margin: 0, + offset: {x: 0, y: 0}, + browsers: (Browser.ie6 || (Browser.firefox && Browser.version < 3 && Browser.Platform.mac)) + }, + + property: 'IframeShim', + + initialize: function(element, options){ + this.element = document.id(element); + if (this.occlude()) return this.occluded; + this.setOptions(options); + this.makeShim(); + return this; + }, + + makeShim: function(){ + if (this.options.browsers){ + var zIndex = this.element.getStyle('zIndex').toInt(); + + if (!zIndex){ + zIndex = 1; + var pos = this.element.getStyle('position'); + if (pos == 'static' || !pos) this.element.setStyle('position', 'relative'); + this.element.setStyle('zIndex', zIndex); + } + zIndex = ((this.options.zIndex != null || this.options.zIndex === 0) && zIndex > this.options.zIndex) ? this.options.zIndex : zIndex - 1; + if (zIndex < 0) zIndex = 1; + this.shim = new Element('iframe', { + src: this.options.src, + scrolling: 'no', + frameborder: 0, + styles: { + zIndex: zIndex, + position: 'absolute', + border: 'none', + filter: 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)' + }, + 'class': this.options.className + }).store('IframeShim', this); + var inject = (function(){ + this.shim.inject(this.element, 'after'); + this[this.options.display ? 'show' : 'hide'](); + this.fireEvent('inject'); + }).bind(this); + if (!IframeShim.ready) window.addEvent('load', inject); + else inject(); + } else { + this.position = this.hide = this.show = this.dispose = Function.from(this); + } + }, + + position: function(){ + if (!IframeShim.ready || !this.shim) return this; + var size = this.element.measure(function(){ + return this.getSize(); + }); + if (this.options.margin != undefined){ + size.x = size.x - (this.options.margin * 2); + size.y = size.y - (this.options.margin * 2); + this.options.offset.x += this.options.margin; + this.options.offset.y += this.options.margin; + } + this.shim.set({width: size.x, height: size.y}).position({ + relativeTo: this.element, + offset: this.options.offset + }); + return this; + }, + + hide: function(){ + if (this.shim) this.shim.setStyle('display', 'none'); + return this; + }, + + show: function(){ + if (this.shim) this.shim.setStyle('display', 'block'); + return this.position(); + }, + + dispose: function(){ + if (this.shim) this.shim.dispose(); + return this; + }, + + destroy: function(){ + if (this.shim) this.shim.destroy(); + return this; + } + +}); + +window.addEvent('load', function(){ + IframeShim.ready = true; +}); + diff --git a/Test/picker.attach.html b/Test/picker.attach.html new file mode 100644 index 0000000..8cea185 --- /dev/null +++ b/Test/picker.attach.html @@ -0,0 +1,88 @@ + + + + + Picker.Attach + + + + + + + + + + + + + +

The base Picker Class

+ +

+ Manual: + Open + Close + Toggle +

+ +

+ Links: + Open 1 + Open 2 + Open 3 +

+ +

+ Inputs: + + + +

+ +
+

+ The picker should float over the select item in IE6. + You can drag the Picker over the select box. +

+ +
+ +

+ You should be able to edit this text. The text of the above input fields + should not be editable.
+ +

+ + + \ No newline at end of file diff --git a/Test/picker.date.html b/Test/picker.date.html new file mode 100644 index 0000000..5289412 --- /dev/null +++ b/Test/picker.date.html @@ -0,0 +1,87 @@ + + + + + Picker.Date + + + + + + + + + + + + + + + +

The base Picker Class

+ +

+ Manual: + Open + Close + Toggle +

+ +

+ Links: + Open 1 + Open 2 + Open 3 +

+ +

+ Inputs: + + + +

+ +

+ Toggles for the inputs above: + Open 1 + Open 2 + Open 3 +

+ +
+

+ The picker should float over the select item in IE6. + You can drag the Picker over the select box. +

+ +
+ + + + \ No newline at end of file diff --git a/Test/picker.html b/Test/picker.html new file mode 100644 index 0000000..b2d5ee3 --- /dev/null +++ b/Test/picker.html @@ -0,0 +1,58 @@ + + + + + Picker + + + + + + + + + + + + +

The base Picker Class

+ + Open + Close + Toggle + +
+

+ The picker should float over the select item in IE6. + You can drag the Picker over the select box. +

+ +
+ + + + \ No newline at end of file diff --git a/Test/picker.position.html b/Test/picker.position.html new file mode 100644 index 0000000..ccf01ff --- /dev/null +++ b/Test/picker.position.html @@ -0,0 +1,98 @@ + + + + + Picker + + + + + + + + + + + + + + +

Position the Picker

+ +

+ Clicking on one of the links should position the Picker at the top, right, bottom or left of the element.
+ The picker will have a offset of {x: 20, y: 10}. If the position is at the top, the offset should be to the top, just like the x offset when the picker is positioned on the left. +

+ +

+ Open + Close + Toggle + +

+ +
+ Top + Right + Bottom + Left +
+ + + + \ No newline at end of file diff --git a/Test/range.html b/Test/range.html new file mode 100644 index 0000000..1a2a921 --- /dev/null +++ b/Test/range.html @@ -0,0 +1,57 @@ + + + + + Date Range Picker + + + + + + + + + + + + + + + +

Range

+ +

+ Inputs:
+
+
+ +

+ +

+ Hidden input:
+ Select Range +

+ + + + + + \ No newline at end of file diff --git a/Test/rtl.html b/Test/rtl.html new file mode 100644 index 0000000..9779c10 --- /dev/null +++ b/Test/rtl.html @@ -0,0 +1,38 @@ + + + + + Full Date and TimePicker + + + + + + + + + + + + + + + +

RTL

+ +

+ Inputs:
+ +

+ + + + + diff --git a/Test/select.html b/Test/select.html new file mode 100644 index 0000000..f91e5a5 --- /dev/null +++ b/Test/select.html @@ -0,0 +1,37 @@ + + + + + Date.Picker#Select Test + + + + + + + + + + + + + Clicking me should change date to "Nov 12, 12" + + + + + diff --git a/Test/style.css b/Test/style.css new file mode 100644 index 0000000..033e729 --- /dev/null +++ b/Test/style.css @@ -0,0 +1,126 @@ + +@font-face { + font-family: 'Cantarell'; + font-style: normal; + font-weight: normal; + src: local('Cantarell Regular'), local('Cantarell-Regular'), url('http://themes.googleusercontent.com/font?kit=p5ydP_uWQ5lsFzcP_XVMEw') format('truetype'); +} + +body { + font-family: Tahoma,Geneva,Kalimati,sans-serif; + font-size: 0.8em; + padding: 20px; + margin: 0; +} + +body.viewer { + background: #EEE; + padding: 0; +} + +::selection { + background: #fd9800; + color: #2d77e0; +} +::-moz-selection { + background: #fd9800; + color: #2d77e0; +} + +a { + color: #2d77e0; + padding: 1px 3px; + text-decoration: underline; +} + +a:hover { + text-decoration: none; +} + +h1 { + color: #2d77e0; + font-size: 2.3em; + text-shadow: 1px 1px 1px #999; + margin: 0; + font-family: 'Cantarell', sans-serif; +} + +h2, +h3 { + color: #333; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +} + +h2 { + font-size: 1.6em; +} + +h3 { + font-size: 1.2em; +} + +code { + font-size: 1.2em; +} + +label { + font-weight: bold; +} + +p > input { + border-radius: 3px; + border: 1px solid #CCC; + padding: 5px; +} + +#container { + width: 990px; + margin: 10px auto; + overflow: hidden; + background: white; + padding: 20px; + border: 1px solid #CCC; + -moz-box-shadow: 1px 1px 20px #DDD; + -webkit-box-shadow: 1px 1px 20px #DDD; + box-shadow: 1px 1px 20px #DDD; +} + +#menu { + float: left; + width: 210px; + margin-right: 20px; +} + +#menu ul, +#menu li { + list-style: none; + padding: 0; + margin: 0; +} + +#menu ul { + margin-bottom: 30px; +} + +#menu li { + border-bottom: 1px solid #CCC +} + +#menu a { + padding: 5px; + display: block; +} + +#menu a:hover { + background: #EEE; +} + +#content { + float: left; + width: 738px; + padding: 10px; + border: 1px solid #CCC; + border-radius: 5px; +} + + diff --git a/Test/themes.html b/Test/themes.html new file mode 100644 index 0000000..bcb2a51 --- /dev/null +++ b/Test/themes.html @@ -0,0 +1,94 @@ + + + + + DatePicker Themes + + + + + + + + + + + + + + + + + + + +

DatePicker Themes

+

This demo shows you the current four supported themes. It is just a simple option of setting the picker classname to another CSS class.

+

+
+ +

+

+
+ +

+

+
+ +

+

+
+ +

+

+
+ +

+

+
+ +

+ + + \ No newline at end of file diff --git a/Test/timepicker.html b/Test/timepicker.html new file mode 100644 index 0000000..b38644d --- /dev/null +++ b/Test/timepicker.html @@ -0,0 +1,45 @@ + + + + + Picker.Date Timepicker + + + + + + + + + + + + + + + +

TimePicker

+ +

+ This test shows a timepicker only. It should parse the current time (11:05AM) and it should format it that way.
+ You should not be able to go up by clicking the picker title. The title should say a localized string "select a time"
+ You should be able to change the hours and minutes with your scrollweel. The minutes should go in steps of 5. +

+ +

+ Inputs: + +

+ + + + \ No newline at end of file diff --git a/Test/toggler.html b/Test/toggler.html new file mode 100644 index 0000000..43b0005 --- /dev/null +++ b/Test/toggler.html @@ -0,0 +1,64 @@ + + + + + Toggled by a link + + + + + + + + + + + + + + + +

Toggled by a link

+ +

+ This demo shows the external toggler feature which allow to manual update the input. +

+ +

+ Input1:
+ toggler +

+ +

+ Input2:
+ toggler +

+ +

For these inputs it's both the input field and the toggle link

+ +

+ Input3:
+ toggler +

+ +

+ Input4:
+ toggler +

+ + diff --git a/Test/weeknumbers.html b/Test/weeknumbers.html new file mode 100644 index 0000000..44dd40e --- /dev/null +++ b/Test/weeknumbers.html @@ -0,0 +1,37 @@ + + + + + Full Date and TimePicker + + + + + + + + + + + + + + + +

Weeknumbers

+ +

+ Inputs:
+ +

+ + + + + diff --git a/Test/yearpicker.html b/Test/yearpicker.html new file mode 100644 index 0000000..fd4cf42 --- /dev/null +++ b/Test/yearpicker.html @@ -0,0 +1,43 @@ + + + + + Picker.Date YearPicker + + + + + + + + + + + + + + + +

YearPicker

+ +

+ This test shows a yearpicker only. It should parse the default year (2010) and it should format it that way. +

+ +

+ Inputs: + +

+ + + + \ No newline at end of file diff --git a/datepicker.js b/datepicker.js deleted file mode 100644 index 9c08b52..0000000 --- a/datepicker.js +++ /dev/null @@ -1,719 +0,0 @@ -/** - * datepicker.js - MooTools Datepicker class - * @version 1.16 - * - * by MonkeyPhysics.com - * - * Source/Documentation available at: - * http://www.monkeyphysics.com/mootools/script/2/datepicker - * - * -- - * - * Smoothly animating, very configurable and easy to install. - * No Ajax, pure Javascript. 4 skins available out of the box. - * - * -- - * - * Some Rights Reserved - * http://creativecommons.org/licenses/by-sa/3.0/ - * - */ - -var DatePicker = new Class({ - - Implements: Options, - - // working date, which we will keep modifying to render the calendars - d: '', - - // just so that we need not request it over and over - today: '', - - // current user-choice in date object format - choice: {}, - - // size of body, used to animate the sliding - bodysize: {}, - - // to check availability of next/previous buttons - limit: {}, - - // element references: - attachTo: null, // selector for target inputs - picker: null, // main datepicker container - slider: null, // slider that contains both oldContents and newContents, used to animate between 2 different views - oldContents: null, // used in animating from-view to new-view - newContents: null, // used in animating from-view to new-view - input: null, // original input element (used for input/output) - visual: null, // visible input (used for rendering) - - options: { - pickerClass: 'datepicker', - days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], - months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], - dayShort: 2, - monthShort: 3, - startDay: 1, // Sunday (0) through Saturday (6) - be aware that this may affect your layout, since the days on the right might have a different margin - timePicker: false, - timePickerOnly: false, - yearPicker: true, - yearsPerPage: 20, - format: 'd-m-Y', - allowEmpty: false, - inputOutputFormat: 'U', // default to unix timestamp - animationDuration: 400, - useFadeInOut: !Browser.Engine.trident, // dont animate fade-in/fade-out for IE - startView: 'month', // allowed values: {time, month, year, decades} - positionOffset: { x: 0, y: 0 }, - minDate: null, // { date: '[date-string]', format: '[date-string-interpretation-format]' } - maxDate: null, // same as minDate - debug: false, - toggleElements: null, - - // and some event hooks: - onShow: $empty, // triggered when the datepicker pops up - onClose: $empty, // triggered after the datepicker is closed (destroyed) - onSelect: $empty // triggered when a date is selected - }, - - initialize: function(attachTo, options) { - this.attachTo = attachTo; - this.setOptions(options).attach(); - if (this.options.timePickerOnly) { - this.options.timePicker = true; - this.options.startView = 'time'; - } - this.formatMinMaxDates(); - document.addEvent('mousedown', this.close.bind(this)); - }, - - formatMinMaxDates: function() { - if (this.options.minDate && this.options.minDate.format) { - this.options.minDate = this.unformat(this.options.minDate.date, this.options.minDate.format); - } - if (this.options.maxDate && this.options.maxDate.format) { - this.options.maxDate = this.unformat(this.options.maxDate.date, this.options.maxDate.format); - this.options.maxDate.setHours(23); - this.options.maxDate.setMinutes(59); - this.options.maxDate.setSeconds(59); - } - }, - - attach: function() { - // toggle the datepicker through a separate element? - if ($chk(this.options.toggleElements)) { - var togglers = $$(this.options.toggleElements); - document.addEvents({ - 'keydown': function(e) { - if (e.key == "tab") { - this.close(null, true); - } - }.bind(this) - }); - }; - - // attach functionality to the inputs - $$(this.attachTo).each(function(item, index) { - - // never double attach - if (item.retrieve('datepicker')) return; - - // determine starting value(s) - if ($chk(item.get('value'))) { - var init_clone_val = this.format(new Date(this.unformat(item.get('value'), this.options.inputOutputFormat)), this.options.format); - } else if (!this.options.allowEmpty) { - var init_clone_val = this.format(new Date(), this.options.format); - } else { - var init_clone_val = ''; - } - - // create clone - var display = item.getStyle('display'); - var clone = item - .setStyle('display', this.options.debug ? display : 'none') - .store('datepicker', true) // to prevent double attachment... - .clone() - .store('datepicker', true) // ...even for the clone (!) - .removeProperty('name') // secure clean (form)submission - .setStyle('display', display) - .set('value', init_clone_val) - .inject(item, 'after'); - - // events - if ($chk(this.options.toggleElements)) { - togglers[index] - .setStyle('cursor', 'pointer') - .addEvents({ - 'click': function(e) { - this.onFocus(item, clone); - }.bind(this) - }); - clone.addEvents({ - 'blur': function() { - item.set('value', clone.get('value')); - } - }); - } else { - clone.addEvents({ - 'keydown': function(e) { - if (this.options.allowEmpty && (e.key == "delete" || e.key == "backspace")) { - item.set('value', ''); - e.target.set('value', ''); - this.close(null, true); - } else if (e.key == "tab") { - this.close(null, true); - } else { - e.stop(); - } - }.bind(this), - 'focus': function(e) { - this.onFocus(item, clone); - }.bind(this) - }); - } - }.bind(this)); - }, - - onFocus: function(original_input, visual_input) { - var init_visual_date, d = visual_input.getCoordinates(); - - if ($chk(original_input.get('value'))) { - init_visual_date = this.unformat(original_input.get('value'), this.options.inputOutputFormat).valueOf(); - } else { - init_visual_date = new Date(); - if ($chk(this.options.maxDate) && init_visual_date.valueOf() > this.options.maxDate.valueOf()) { - init_visual_date = new Date(this.options.maxDate.valueOf()); - } - if ($chk(this.options.minDate) && init_visual_date.valueOf() < this.options.minDate.valueOf()) { - init_visual_date = new Date(this.options.minDate.valueOf()); - } - } - - this.show({ left: d.left + this.options.positionOffset.x, top: d.top + d.height + this.options.positionOffset.y }, init_visual_date); - this.input = original_input; - this.visual = visual_input; - this.options.onShow(); - }, - - dateToObject: function(d) { - return { - year: d.getFullYear(), - month: d.getMonth(), - day: d.getDate(), - hours: d.getHours(), - minutes: d.getMinutes(), - seconds: d.getSeconds() - }; - }, - - dateFromObject: function(values) { - var d = new Date(); - d.setDate(1); - ['year', 'month', 'day', 'hours', 'minutes', 'seconds'].each(function(type) { - var v = values[type]; - if (!$chk(v)) return; - switch (type) { - case 'day': d.setDate(v); break; - case 'month': d.setMonth(v); break; - case 'year': d.setFullYear(v); break; - case 'hours': d.setHours(v); break; - case 'minutes': d.setMinutes(v); break; - case 'seconds': d.setSeconds(v); break; - } - }); - return d; - }, - - show: function(position, timestamp) { - this.formatMinMaxDates(); - if ($chk(timestamp)) { - this.d = new Date(timestamp); - } else { - this.d = new Date(); - } - this.today = new Date(); - this.choice = this.dateToObject(this.d); - this.mode = (this.options.startView == 'time' && !this.options.timePicker) ? 'month' : this.options.startView; - this.render(); - this.picker.setStyles(position); - }, - - render: function(fx) { - if (!$chk(this.picker)) { - this.constructPicker(); - } else { - // swap contents so we can fill the newContents again and animate - var o = this.oldContents; - this.oldContents = this.newContents; - this.newContents = o; - this.newContents.empty(); - } - - // remember current working date - var startDate = new Date(this.d.getTime()); - - // intially assume both left and right are allowed - this.limit = { right: false, left: false }; - - // render! booty! - if (this.mode == 'decades') { - this.renderDecades(); - } else if (this.mode == 'year') { - this.renderYear(); - } else if (this.mode == 'time') { - this.renderTime(); - this.limit = { right: true, left: true }; // no left/right in timeview - } else { - this.renderMonth(); - } - - this.picker.getElement('.previous').setStyle('visibility', this.limit.left ? 'hidden' : 'visible'); - this.picker.getElement('.next').setStyle('visibility', this.limit.right ? 'hidden' : 'visible'); - this.picker.getElement('.titleText').setStyle('cursor', this.allowZoomOut() ? 'pointer' : 'default'); - - // restore working date - this.d = startDate; - - // if ever the opacity is set to '0' it was only to have us fade it in here - // refer to the constructPicker() function, which instantiates the picker at opacity 0 when fading is desired - if (this.picker.getStyle('opacity') == 0) { - this.picker.tween('opacity', 0, 1); - } - - // animate - if ($chk(fx)) this.fx(fx); - }, - - fx: function(fx) { - if (fx == 'right') { - this.oldContents.setStyles({ left: 0, opacity: 1 }); - this.newContents.setStyles({ left: this.bodysize.x, opacity: 1 }); - this.slider.setStyle('left', 0).tween('left', 0, -this.bodysize.x); - } else if (fx == 'left') { - this.oldContents.setStyles({ left: this.bodysize.x, opacity: 1 }); - this.newContents.setStyles({ left: 0, opacity: 1 }); - this.slider.setStyle('left', -this.bodysize.x).tween('left', -this.bodysize.x, 0); - } else if (fx == 'fade') { - this.slider.setStyle('left', 0); - this.oldContents.setStyle('left', 0).set('tween', { duration: this.options.animationDuration / 2 }).tween('opacity', 1, 0); - this.newContents.setStyles({ opacity: 0, left: 0}).set('tween', { duration: this.options.animationDuration }).tween('opacity', 0, 1); - } - }, - - constructPicker: function() { - this.picker = new Element('div', { 'class': this.options.pickerClass }).inject(document.body); - if (this.options.useFadeInOut) { - this.picker.setStyle('opacity', 0).set('tween', { duration: this.options.animationDuration }); - } - - var h = new Element('div', { 'class': 'header' }).inject(this.picker); - var titlecontainer = new Element('div', { 'class': 'title' }).inject(h); - new Element('div', { 'class': 'previous' }).addEvent('click', this.previous.bind(this)).set('text', '«').inject(h); - new Element('div', { 'class': 'next' }).addEvent('click', this.next.bind(this)).set('text', '»').inject(h); - new Element('div', { 'class': 'closeButton' }).addEvent('click', this.close.bindWithEvent(this, true)).set('text', 'x').inject(h); - new Element('span', { 'class': 'titleText' }).addEvent('click', this.zoomOut.bind(this)).inject(titlecontainer); - - var b = new Element('div', { 'class': 'body' }).inject(this.picker); - this.bodysize = b.getSize(); - this.slider = new Element('div', { styles: { position: 'absolute', top: 0, left: 0, width: 2 * this.bodysize.x, height: this.bodysize.y }}) - .set('tween', { duration: this.options.animationDuration, transition: Fx.Transitions.Quad.easeInOut }).inject(b); - this.oldContents = new Element('div', { styles: { position: 'absolute', top: 0, left: this.bodysize.x, width: this.bodysize.x, height: this.bodysize.y }}).inject(this.slider); - this.newContents = new Element('div', { styles: { position: 'absolute', top: 0, left: 0, width: this.bodysize.x, height: this.bodysize.y }}).inject(this.slider); - }, - - renderTime: function() { - var container = new Element('div', { 'class': 'time' }).inject(this.newContents); - - if (this.options.timePickerOnly) { - this.picker.getElement('.titleText').set('text', 'Select a time'); - } else { - this.picker.getElement('.titleText').set('text', this.format(this.d, 'j M, Y')); - } - - new Element('input', { type: 'text', 'class': 'hour' }) - .set('value', this.leadZero(this.d.getHours())) - .addEvents({ - mousewheel: function(e) { - var i = e.target, v = i.get('value').toInt(); - i.focus(); - if (e.wheel > 0) { - v = (v < 23) ? v + 1 : 0; - } else { - v = (v > 0) ? v - 1 : 23; - } - i.set('value', this.leadZero(v)); - e.stop(); - }.bind(this) - }) - .set('maxlength', 2) - .inject(container); - - new Element('input', { type: 'text', 'class': 'minutes' }) - .set('value', this.leadZero(this.d.getMinutes())) - .addEvents({ - mousewheel: function(e) { - var i = e.target, v = i.get('value').toInt(); - i.focus(); - if (e.wheel > 0) { - v = (v < 59) ? v + 1 : 0; - } else { - v = (v > 0) ? v - 1 : 59; - } - i.set('value', this.leadZero(v)); - e.stop(); - }.bind(this) - }) - .set('maxlength', 2) - .inject(container); - - new Element('div', { 'class': 'separator' }).set('text', ':').inject(container); - - new Element('input', { type: 'submit', value: 'OK', 'class': 'ok' }) - .addEvents({ - click: function(e) { - e.stop(); - this.select($merge(this.dateToObject(this.d), { hours: this.picker.getElement('.hour').get('value').toInt(), minutes: this.picker.getElement('.minutes').get('value').toInt() })); - }.bind(this) - }) - .set('maxlength', 2) - .inject(container); - }, - - renderMonth: function() { - var month = this.d.getMonth(); - - this.picker.getElement('.titleText').set('text', this.options.months[month] + ' ' + this.d.getFullYear()); - - this.d.setDate(1); - while (this.d.getDay() != this.options.startDay) { - this.d.setDate(this.d.getDate() - 1); - } - - var container = new Element('div', { 'class': 'days' }).inject(this.newContents); - var titles = new Element('div', { 'class': 'titles' }).inject(container); - var d, i, classes, e, weekcontainer; - - for (d = this.options.startDay; d < (this.options.startDay + 7); d++) { - new Element('div', { 'class': 'title day day' + (d % 7) }).set('text', this.options.days[(d % 7)].substring(0,this.options.dayShort)).inject(titles); - } - - var available = false; - var t = this.today.toDateString(); - var currentChoice = this.dateFromObject(this.choice).toDateString(); - - for (i = 0; i < 42; i++) { - classes = []; - classes.push('day'); - classes.push('day'+this.d.getDay()); - if (this.d.toDateString() == t) classes.push('today'); - if (this.d.toDateString() == currentChoice) classes.push('selected'); - if (this.d.getMonth() != month) classes.push('otherMonth'); - - if (i % 7 == 0) { - weekcontainer = new Element('div', { 'class': 'week week'+(Math.floor(i/7)) }).inject(container); - } - - e = new Element('div', { 'class': classes.join(' ') }).set('text', this.d.getDate()).inject(weekcontainer); - if (this.limited('date')) { - e.addClass('unavailable'); - if (available) { - this.limit.right = true; - } else if (this.d.getMonth() == month) { - this.limit.left = true; - } - } else { - available = true; - e.addEvent('click', function(e, d) { - if (this.options.timePicker) { - this.d.setDate(d.day); - this.d.setMonth(d.month); - this.mode = 'time'; - this.render('fade'); - } else { - this.select(d); - } - }.bindWithEvent(this, { day: this.d.getDate(), month: this.d.getMonth(), year: this.d.getFullYear() })); - } - this.d.setDate(this.d.getDate() + 1); - } - if (!available) this.limit.right = true; - }, - - renderYear: function() { - var month = this.today.getMonth(); - var thisyear = this.d.getFullYear() == this.today.getFullYear(); - var selectedyear = this.d.getFullYear() == this.choice.year; - - this.picker.getElement('.titleText').set('text', this.d.getFullYear()); - this.d.setMonth(0); - - var i, e; - var available = false; - var container = new Element('div', { 'class': 'months' }).inject(this.newContents); - - for (i = 0; i <= 11; i++) { - e = new Element('div', { 'class': 'month month'+(i+1)+(i == month && thisyear ? ' today' : '')+(i == this.choice.month && selectedyear ? ' selected' : '') }) - .set('text', this.options.monthShort ? this.options.months[i].substring(0, this.options.monthShort) : this.options.months[i]).inject(container); - - if (this.limited('month')) { - e.addClass('unavailable'); - if (available) { - this.limit.right = true; - } else { - this.limit.left = true; - } - } else { - available = true; - e.addEvent('click', function(e, d) { - this.d.setDate(1); - this.d.setMonth(d); - this.mode = 'month'; - this.render('fade'); - }.bindWithEvent(this, i)); - } - this.d.setMonth(i); - } - if (!available) this.limit.right = true; - }, - - renderDecades: function() { - // start neatly at interval (eg. 1980 instead of 1987) - while (this.d.getFullYear() % this.options.yearsPerPage > 0) { - this.d.setFullYear(this.d.getFullYear() - 1); - } - - this.picker.getElement('.titleText').set('text', this.d.getFullYear() + '-' + (this.d.getFullYear() + this.options.yearsPerPage - 1)); - - var i, y, e; - var available = false; - var container = new Element('div', { 'class': 'years' }).inject(this.newContents); - - if ($chk(this.options.minDate) && this.d.getFullYear() <= this.options.minDate.getFullYear()) { - this.limit.left = true; - } - - for (i = 0; i < this.options.yearsPerPage; i++) { - y = this.d.getFullYear(); - e = new Element('div', { 'class': 'year year' + i + (y == this.today.getFullYear() ? ' today' : '') + (y == this.choice.year ? ' selected' : '') }).set('text', y).inject(container); - - if (this.limited('year')) { - e.addClass('unavailable'); - if (available) { - this.limit.right = true; - } else { - this.limit.left = true; - } - } else { - available = true; - e.addEvent('click', function(e, d) { - this.d.setFullYear(d); - this.mode = 'year'; - this.render('fade'); - }.bindWithEvent(this, y)); - } - this.d.setFullYear(this.d.getFullYear() + 1); - } - if (!available) { - this.limit.right = true; - } - if ($chk(this.options.maxDate) && this.d.getFullYear() >= this.options.maxDate.getFullYear()) { - this.limit.right = true; - } - }, - - limited: function(type) { - var cs = $chk(this.options.minDate); - var ce = $chk(this.options.maxDate); - if (!cs && !ce) return false; - - switch (type) { - case 'year': - return (cs && this.d.getFullYear() < this.options.minDate.getFullYear()) || (ce && this.d.getFullYear() > this.options.maxDate.getFullYear()); - - case 'month': - // todo: there has got to be an easier way...? - var ms = ('' + this.d.getFullYear() + this.leadZero(this.d.getMonth())).toInt(); - return cs && ms < ('' + this.options.minDate.getFullYear() + this.leadZero(this.options.minDate.getMonth())).toInt() - || ce && ms > ('' + this.options.maxDate.getFullYear() + this.leadZero(this.options.maxDate.getMonth())).toInt() - - case 'date': - return (cs && this.d < this.options.minDate) || (ce && this.d > this.options.maxDate); - } - }, - - allowZoomOut: function() { - if (this.mode == 'time' && this.options.timePickerOnly) return false; - if (this.mode == 'decades') return false; - if (this.mode == 'year' && !this.options.yearPicker) return false; - return true; - }, - - zoomOut: function() { - if (!this.allowZoomOut()) return; - if (this.mode == 'year') { - this.mode = 'decades'; - } else if (this.mode == 'time') { - this.mode = 'month'; - } else { - this.mode = 'year'; - } - this.render('fade'); - }, - - previous: function() { - if (this.mode == 'decades') { - this.d.setFullYear(this.d.getFullYear() - this.options.yearsPerPage); - } else if (this.mode == 'year') { - this.d.setFullYear(this.d.getFullYear() - 1); - } else if (this.mode == 'month') { - this.d.setMonth(this.d.getMonth() - 1); - } - this.render('left'); - }, - - next: function() { - if (this.mode == 'decades') { - this.d.setFullYear(this.d.getFullYear() + this.options.yearsPerPage); - } else if (this.mode == 'year') { - this.d.setFullYear(this.d.getFullYear() + 1); - } else if (this.mode == 'month') { - this.d.setMonth(this.d.getMonth() + 1); - } - this.render('right'); - }, - - close: function(e, force) { - if (!$(this.picker)) return; - var clickOutside = ($chk(e) && e.target != this.picker && !this.picker.hasChild(e.target) && e.target != this.visual); - if (force || clickOutside) { - if (this.options.useFadeInOut) { - this.picker.set('tween', { duration: this.options.animationDuration / 2, onComplete: this.destroy.bind(this) }).tween('opacity', 1, 0); - } else { - this.destroy(); - } - } - }, - - destroy: function() { - this.picker.destroy(); - this.picker = null; - this.options.onClose(); - }, - - select: function(values) { - this.choice = $merge(this.choice, values); - var d = this.dateFromObject(this.choice); - this.input.set('value', this.format(d, this.options.inputOutputFormat)); - this.visual.set('value', this.format(d, this.options.format)); - this.options.onSelect(d); - this.close(null, true); - }, - - leadZero: function(v) { - return v < 10 ? '0'+v : v; - }, - - format: function(t, format) { - var f = ''; - var h = t.getHours(); - var m = t.getMonth(); - - for (var i = 0; i < format.length; i++) { - switch(format.charAt(i)) { - case '\\': i++; f+= format.charAt(i); break; - case 'y': f += (100 + t.getYear() + '').substring(1); break - case 'Y': f += t.getFullYear(); break; - case 'm': f += this.leadZero(m + 1); break; - case 'n': f += (m + 1); break; - case 'M': f += this.options.months[m].substring(0,this.options.monthShort); break; - case 'F': f += this.options.months[m]; break; - case 'd': f += this.leadZero(t.getDate()); break; - case 'j': f += t.getDate(); break; - case 'D': f += this.options.days[t.getDay()].substring(0,this.options.dayShort); break; - case 'l': f += this.options.days[t.getDay()]; break; - case 'G': f += h; break; - case 'H': f += this.leadZero(h); break; - case 'g': f += (h % 12 ? h % 12 : 12); break; - case 'h': f += this.leadZero(h % 12 ? h % 12 : 12); break; - case 'a': f += (h > 11 ? 'pm' : 'am'); break; - case 'A': f += (h > 11 ? 'PM' : 'AM'); break; - case 'i': f += this.leadZero(t.getMinutes()); break; - case 's': f += this.leadZero(t.getSeconds()); break; - case 'U': f += Math.floor(t.valueOf() / 1000); break; - default: f += format.charAt(i); - } - } - return f; - }, - - unformat: function(t, format) { - var d = new Date(); - var a = {}; - var c, m; - t = t.toString(); - - for (var i = 0; i < format.length; i++) { - c = format.charAt(i); - switch(c) { - case '\\': r = null; i++; break; - case 'y': r = '[0-9]{2}'; break; - case 'Y': r = '[0-9]{4}'; break; - case 'm': r = '0[1-9]|1[012]'; break; - case 'n': r = '[1-9]|1[012]'; break; - case 'M': r = '[A-Za-z]{'+this.options.monthShort+'}'; break; - case 'F': r = '[A-Za-z]+'; break; - case 'd': r = '0[1-9]|[12][0-9]|3[01]'; break; - case 'j': r = '[1-9]|[12][0-9]|3[01]'; break; - case 'D': r = '[A-Za-z]{'+this.options.dayShort+'}'; break; - case 'l': r = '[A-Za-z]+'; break; - case 'G': - case 'H': - case 'g': - case 'h': r = '[0-9]{1,2}'; break; - case 'a': r = '(am|pm)'; break; - case 'A': r = '(AM|PM)'; break; - case 'i': - case 's': r = '[012345][0-9]'; break; - case 'U': r = '-?[0-9]+$'; break; - default: r = null; - } - - if ($chk(r)) { - m = t.match('^'+r); - if ($chk(m)) { - a[c] = m[0]; - t = t.substring(a[c].length); - } else { - if (this.options.debug) alert("Fatal Error in DatePicker\n\nUnexpected format at: '"+t+"' expected format character '"+c+"' (pattern '"+r+"')"); - return d; - } - } else { - t = t.substring(1); - } - } - - for (c in a) { - var v = a[c]; - switch(c) { - case 'y': d.setFullYear(v < 30 ? 2000 + v.toInt() : 1900 + v.toInt()); break; // assume between 1930 - 2029 - case 'Y': d.setFullYear(v); break; - case 'm': - case 'n': d.setMonth(v - 1); break; - // FALL THROUGH NOTICE! "M" has no break, because "v" now is the full month (eg. 'February'), which will work with the next format "F": - case 'M': v = this.options.months.filter(function(item, index) { return item.substring(0,this.options.monthShort) == v }.bind(this))[0]; - case 'F': d.setMonth(this.options.months.indexOf(v)); break; - case 'd': - case 'j': d.setDate(v); break; - case 'G': - case 'H': d.setHours(v); break; - case 'g': - case 'h': if (a['a'] == 'pm' || a['A'] == 'PM') { d.setHours(v == 12 ? 0 : v.toInt() + 12); } else { d.setHours(v); } break; - case 'i': d.setMinutes(v); break; - case 's': d.setSeconds(v); break; - case 'U': d = new Date(v.toInt() * 1000); - } - }; - - return d; - } -}); \ No newline at end of file diff --git a/datepicker_dashboard/buttons.png b/datepicker_dashboard/buttons.png deleted file mode 100644 index 66e24e3..0000000 Binary files a/datepicker_dashboard/buttons.png and /dev/null differ diff --git a/datepicker_dashboard/frame.png b/datepicker_dashboard/frame.png deleted file mode 100644 index 04244e5..0000000 Binary files a/datepicker_dashboard/frame.png and /dev/null differ diff --git a/datepicker_jqui/arrows.png b/datepicker_jqui/arrows.png deleted file mode 100644 index 88a3576..0000000 Binary files a/datepicker_jqui/arrows.png and /dev/null differ diff --git a/datepicker_jqui/frame.png b/datepicker_jqui/frame.png deleted file mode 100644 index 7e72778..0000000 Binary files a/datepicker_jqui/frame.png and /dev/null differ diff --git a/datepicker_vista/buttons.png b/datepicker_vista/buttons.png deleted file mode 100644 index 3b392cb..0000000 Binary files a/datepicker_vista/buttons.png and /dev/null differ diff --git a/datepicker_vista/days.png b/datepicker_vista/days.png deleted file mode 100644 index 3af8f1e..0000000 Binary files a/datepicker_vista/days.png and /dev/null differ diff --git a/datepicker_vista/frame.png b/datepicker_vista/frame.png deleted file mode 100644 index 9871af2..0000000 Binary files a/datepicker_vista/frame.png and /dev/null differ diff --git a/datepicker_vista/months.png b/datepicker_vista/months.png deleted file mode 100644 index c125b82..0000000 Binary files a/datepicker_vista/months.png and /dev/null differ diff --git a/datepicker_vista/years.png b/datepicker_vista/years.png deleted file mode 100644 index 6b5e355..0000000 Binary files a/datepicker_vista/years.png and /dev/null differ diff --git a/package.yml b/package.yml new file mode 100644 index 0000000..8c0447d --- /dev/null +++ b/package.yml @@ -0,0 +1,25 @@ +name: MooTools-DatePicker +author: astolwijk +current: 2.1.1 +category: Widgets +tags: [Datepicker, Calendar, Picker] +demo: http://www.aryweb.nl/projects/mootools-datepicker/ +docs: http://github.com/arian/mootools-datepicker/blob/master/README.md +copyright: "© [Arian Stolwijk](http://www.aryweb.nl) and [MonkeyPhysics.com](http://monkeyphysics.com)" +license: MIT +web: "[aryweb.nl/projects/mootools-datepicker](http://www.aryweb.nl/projects/mootools-datepicker/)" +description: MooTools Datepicker class + +sources: + - "Source/Picker.js" + - "Source/Picker.Attach.js" + - "Source/Picker.Date.js" + - "Source/Picker.Date.Range.js" + - "Source/Locale.en-US.DatePicker.js" + - "Source/Locale.cs-CZ.DatePicker.js" + - "Source/Locale.de-DE.DatePicker.js" + - "Source/Locale.fr-FR.DatePicker.js" + - "Source/Locale.it-IT.DatePicker.js" + - "Source/Locale.nl-NL.DatePicker.js" + - "Source/Locale.pl-PL.DatePicker.js" + - "Source/Locale.ru-RU.DatePicker.js" diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..69be6cd Binary files /dev/null and b/screenshot.png differ