@aquera/nile-elements 0.0.6-1 → 0.0.6-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-date-picker/nile-date-picker.css.js +0 -162
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-date-picker/nile-date-picker.css.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-date-picker/nile-date-picker.d.ts +5 -21
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-date-picker/nile-date-picker.js +21 -141
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-date-picker/nile-date-picker.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/index.iife.js +21 -184
- package/dist/nile-date-picker/index.cjs.js +1 -1
- package/dist/nile-date-picker/index.esm.js +1 -1
- package/dist/nile-date-picker/nile-date-picker.cjs.js +1 -1
- package/dist/nile-date-picker/nile-date-picker.cjs.js.map +1 -1
- package/dist/nile-date-picker/nile-date-picker.css.cjs.js +1 -1
- package/dist/nile-date-picker/nile-date-picker.css.cjs.js.map +1 -1
- package/dist/nile-date-picker/nile-date-picker.css.esm.js +2 -164
- package/dist/nile-date-picker/nile-date-picker.esm.js +3 -4
- package/dist/src/nile-date-picker/nile-date-picker.css.js +0 -162
- package/dist/src/nile-date-picker/nile-date-picker.css.js.map +1 -1
- package/dist/src/nile-date-picker/nile-date-picker.d.ts +5 -21
- package/dist/src/nile-date-picker/nile-date-picker.js +21 -141
- package/dist/src/nile-date-picker/nile-date-picker.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-date-picker/nile-date-picker.css.ts +0 -162
- package/src/nile-date-picker/nile-date-picker.ts +20 -160
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./nile-date-picker.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/
|
|
1
|
+
System.register(["./nile-date-picker.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileDatePickerCjsJs){_export("NileDatePicker",_nileDatePickerCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileDatePickerCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{N as NileDatePicker}from"./nile-date-picker.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-date-picker.css.esm.js";import"../internal/
|
|
1
|
+
export{N as NileDatePicker}from"./nile-date-picker.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-date-picker.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/
|
|
1
|
+
System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,t,r,i,s,n,o,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.query;i=_litDecoratorsJs.customElement;},function(_nileDatePickerCssCjsJs){s=_nileDatePickerCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",l=/*#__PURE__*/function(_n){_inherits(l,_n);var _super=_createSuper(l);function l(){var _this;_classCallCheck(this,l);_this=_super.apply(this,arguments),_this.range=!1;return _this;}_createClass(l,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <nile-dropdown .hoist=\"","\">\n <slot\n slot=\"trigger\"\n part=\"trigger\"\n name=\"trigger\"\n ></slot>\n <nile-calendar value=\"","\" .range=\"","\" @nile-changed=\"","\"></nile-calendar>\n </nile-dropdown>\n "])),!0,this.value,this.range,this.handleChanged);}},{key:"handleChanged",value:function handleChanged(e){this.emit("nile-changed",e.detail),this.dropdown&&this.dropdown.hide();}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(l.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}}],[{key:"styles",get:function get(){return[s];}}]);return l;}(n));e([o({type:Boolean})],l.prototype,"range",void 0),e([o()],l.prototype,"value",void 0),e([r("nile-dropdown")],l.prototype,"dropdown",void 0),_export("N",l=e([i("nile-date-picker")],l));}};});
|
|
2
2
|
//# sourceMappingURL=nile-date-picker.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-date-picker.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport {\n getAnimation,\n setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n /**\n * The styles for DatePicker\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private currentMonth: number = new Date().getMonth();\n private currentYear: number = new Date().getFullYear();\n\n @query('nile-dropdown') dropdown: NileDropdown;\n\n @property({ type: Boolean, reflect: true }) dropDownOpened = false;\n\n @property({ type: Object }) value : any;\n\n @property({ type: Object }) rangeValue : any;\n\n @property({ type: String, attribute: 'value' }) valueAttribute:\n | string\n | null = null;\n\n @property({ type: String, attribute: 'value' }) formattedDate: string | null =\n null;\n\n @property({ type: Object }) startDate: Date | null = null;\n @property({ type: Object }) endDate: Date | null = null;\n @property({ type: Boolean }) isSelectingStart = true; // flag to indicate what we're selecting\n\n @property({ type: Boolean }) range = false;\n\n @watch('value')\n valueChanged() {\n\n if (this.range && this.value) {\n this.rangeValue = this.value;\n this.value = null;\n return;\n }\n\n if (this.value && !isNaN(this.value.getTime())) {\n const offset = this.value.getTimezoneOffset();\n const localDate = new Date(this.value.getTime() - offset * 60 * 1000);\n if (!isNaN(localDate.getTime())) {\n this.valueAttribute = localDate.toISOString().split('T')[0];\n this.formattedDate = `${String(localDate.getDate()).padStart(\n 2,\n '0'\n )}/${String(localDate.getMonth() + 1).padStart(\n 2,\n '0'\n )}/${localDate.getFullYear()}`;\n }\n }\n }\n\n\n updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n\n if (changedProperties.has('valueAttribute')) {\n const date = new Date(this.valueAttribute || '');\n if (!isNaN(date.getTime())) {\n const offset = date.getTimezoneOffset();\n this.value = new Date(date.getTime() - offset * 60 * 1000);\n this.currentMonth = this.value.getMonth();\n this.currentYear = this.value.getFullYear();\n }\n }\n }\n\n static get observedAttributes() {\n return ['value', 'range'];\n }\n\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n if (name === 'value') {\n this.valueAttribute = newValue;\n this.initializeValue();\n } else if (name === 'range') {\n this.range = newValue !== null;\n }\n }\n\n initializeValue() {\n if (this.range) {\n try {\n const rangeValue = JSON.parse(this.valueAttribute || '');\n this.startDate = new Date(rangeValue.startDate);\n this.endDate = new Date(rangeValue.endDate);\n\n // Convert to local time\n this.startDate = new Date(this.startDate.getTime());\n this.endDate = new Date(this.endDate.getTime());\n\n this.rangeValue = {\n startDate: this.startDate,\n endDate: this.endDate,\n };\n this.value = null;\n } catch (e) {\n // console.error('Invalid range value');\n }\n } else {\n if (this.valueAttribute) {\n let date: Date;\n\n date = new Date(this.valueAttribute);\n\n date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);\n\n if (!isNaN(date.getTime())) {\n this.value = date;\n this.currentMonth = this.value.getMonth();\n this.currentYear = this.value.getFullYear();\n this.rangeValue = null;\n }\n }\n }\n this.requestUpdate();\n }\n\n handleChanged(event:any) {\n this.emit('nile-changed', { value: event.detail.value });\n if (this.dropdown) {\n this.dropdown.hide();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.initializeValue();\n\n if (this.valueAttribute) {\n const date = new Date(this.valueAttribute);\n if (!isNaN(date.getTime())) {\n this.value = date;\n this.currentMonth = this.value.getMonth();\n this.currentYear = this.value.getFullYear();\n }\n }\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n render(): TemplateResult {\n\n return html`\n <nile-dropdown .hoist=\"${true}\">\n <slot\n slot=\"trigger\"\n part=\"trigger\"\n name=\"trigger\"\n ></slot>\n\n<nile-calendar .value=\"${this.range}\" .range=\"${this.range}\" @nile-changed=\"${this.handleChanged}\"> </nile-calendar>\n </nile-dropdown>\n `;\n }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-date-picker': NileDatePicker;\n }\n}\n"],"names":["NileDatePicker","_r","_inherits","h","_super","_createSuper","this","currentMonth","Date","getMonth","currentYear","getFullYear","dropDownOpened","valueAttribute","formattedDate","startDate","endDate","isSelectingStart","range","_this","_createClass","key","value","valueChanged","rangeValue","isNaN","getTime","offset","getTimezoneOffset","localDate","toISOString","split","concat","String","getDate","padStart","updated","changedProperties","super","has","date","attributeChangedCallback","name","oldValue","newValue","initializeValue","JSON","parse","e","requestUpdate","handleChanged","event","emit","detail","dropdown","hide","connectedCallback","disconnectedCallback","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","property","type","Boolean","reflect","Object","attribute","watch","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-date-picker.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport NileElement from '../internal/nile-element';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n /**\n * The styles for DatePicker\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Boolean }) range = false;\n\n @property() value: any;\n\n @query('nile-dropdown') dropdown: NileDropdown;\n\n\n /**\n * Render method\n * @slot This is a slot test\n */\n render(): TemplateResult {\n return html`\n <nile-dropdown .hoist=\"${true}\">\n <slot\n slot=\"trigger\"\n part=\"trigger\"\n name=\"trigger\"\n ></slot>\n <nile-calendar value=\"${this.value}\" .range=\"${this.range}\" @nile-changed=\"${this.handleChanged}\"></nile-calendar>\n </nile-dropdown>\n `;\n }\n\n handleChanged(event: any) {\n this.emit('nile-changed', event.detail);\n if (this.dropdown) {\n this.dropdown.hide();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-date-picker': NileDatePicker;\n }\n}\n"],"names":["NileDatePicker","l","constructor","this","range","_this","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","handleChanged","event","emit","detail","dropdown","hide","connectedCallback","super","disconnectedCallback","get","styles","NileElement","__decorate","property","type","Boolean","prototype","query","customElement"],"mappings":"01IA0BaA,uEAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCASwBC,KAAAA,CAAKC,KAAAA,CAAAA,CAAG,CAwCtC,QAAAC,KAAA,EA5CQC,YAAA,CAAAL,CAAA,GAAAM,GAAA,UAAAC,KAAA,CAeP,SAAAC,OAAA,CAAAA,CACE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mRACgB,CAAA,CAAA,CAMDT,IAAKK,CAAAA,KAAAA,CAAkBL,IAAKC,CAAAA,KAAAA,CAAyBD,IAAKU,CAAAA,aAAAA,EAGrF,CAED,GAAAN,GAAA,iBAAAC,KAAA,UAAAK,cAAcC,CACZX,CAAAA,CAAAA,IAAAA,CAAKY,IAAK,CAAA,cAAA,CAAgBD,CAAME,CAAAA,MAAAA,CAAAA,CAC5Bb,IAAKc,CAAAA,QAAAA,EACPd,IAAKc,CAAAA,QAAAA,CAASC,IAEjB,CAAA,CAAA,EAED,GAAAX,GAAA,qBAAAC,KAAA,UAAAW,kBAAA,CAAAA,CACEC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAjB,IAAKY,CAAAA,IAAAA,CAAK,WACX,CAAA,EAED,GAAAR,GAAA,wBAAAC,KAAA,UAAAa,qBAAA,CAAAA,CACED,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,OACAjB,IAAKY,CAAAA,IAAAA,CAAK,cACX,CAAA,EAAA,KAAAR,GAAA,UAAAe,GAAA,CA3CM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAaD,WAAAtB,CAAA,GApBkCuB,CAAAA,GASLC,CAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAyB5B,CAAA6B,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAE/BJ,CAAA,CAAA,CAAXC,CAAsB1B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,OAAA,CAAA,IAAA,EAECJ,CAAAA,CAAAA,CAAAA,CAAA,CAAvBK,CAAAA,CAAM,eAAwC9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,UAAA,CAAA,IAAA,EAbpC7B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcyB,CAAA,CAAA,CAD1BM,CAAc,CAAA,kBAAA,CAAA,CAAA,CACF/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var
|
|
1
|
+
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var s,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){s=_index001CjsJs.i;}],execute:function(){_export("s",o=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-date-picker.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-date-picker.css.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n :host {\n }\n
|
|
1
|
+
{"version":3,"file":"nile-date-picker.css.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n :host {\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,166 +1,4 @@
|
|
|
1
|
-
import{i as
|
|
1
|
+
import{i as s}from"../index-cd2f9c12.esm.js";const o=s`
|
|
2
2
|
:host {
|
|
3
3
|
}
|
|
4
|
-
|
|
5
|
-
.calendar-container {
|
|
6
|
-
font-family: Colfax-regular;
|
|
7
|
-
width: 365px;
|
|
8
|
-
height: auto;
|
|
9
|
-
text-align: center;
|
|
10
|
-
background: white;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.calendar-container.with-margin {
|
|
14
|
-
margin-right: 20px;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.calendar-header {
|
|
18
|
-
display: flex;
|
|
19
|
-
justify-content: space-between;
|
|
20
|
-
padding: 10px;
|
|
21
|
-
padding: 22px 20px;
|
|
22
|
-
font-size: 14px;
|
|
23
|
-
font-weight: 600;
|
|
24
|
-
line-height: 14px;
|
|
25
|
-
letter-spacing: 0.2px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.divider {
|
|
29
|
-
width: 100%;
|
|
30
|
-
height: 1px;
|
|
31
|
-
background: #c7ced4;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.day-names {
|
|
35
|
-
font-size: 14px;
|
|
36
|
-
font-weight: 600;
|
|
37
|
-
line-height: 14px;
|
|
38
|
-
letter-spacing: 0.2px;
|
|
39
|
-
height: 50px;
|
|
40
|
-
margin-top: 10px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.day-names,
|
|
44
|
-
.days {
|
|
45
|
-
display: flex;
|
|
46
|
-
flex-wrap: wrap;
|
|
47
|
-
justify-content: flex-start;
|
|
48
|
-
height: auto;
|
|
49
|
-
align-items: center;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.days {
|
|
53
|
-
height: auto;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.day {
|
|
57
|
-
flex-basis: calc(100% / 7);
|
|
58
|
-
box-sizing: border-box;
|
|
59
|
-
width: 48px;
|
|
60
|
-
align-items: center;
|
|
61
|
-
padding: 10px;
|
|
62
|
-
height: 32px;
|
|
63
|
-
margin-top: 6px;
|
|
64
|
-
margin-bottom: 6px;
|
|
65
|
-
display: flex;
|
|
66
|
-
justify-content: center;
|
|
67
|
-
align-items: center;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.filler {
|
|
71
|
-
color: grey;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.selected-date {
|
|
75
|
-
color: white;
|
|
76
|
-
border-radius: 4px;
|
|
77
|
-
background: #a5d3f3;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
.calendar-wrapper {
|
|
83
|
-
background: white;
|
|
84
|
-
display: flex;
|
|
85
|
-
justify-content: space-between;
|
|
86
|
-
width: 730px;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.selected-date,
|
|
90
|
-
.range-start,
|
|
91
|
-
.range-end {
|
|
92
|
-
border-radius: 4px;
|
|
93
|
-
background: #a5d3f3;
|
|
94
|
-
color: white;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
.range-start {
|
|
99
|
-
background: #a5d3f3;
|
|
100
|
-
border-radius: 4px 0 0 4px;
|
|
101
|
-
color: white;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.range-end {
|
|
105
|
-
background: #a5d3f3;
|
|
106
|
-
border-radius: 0 4px 4px 0;
|
|
107
|
-
color: white;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.range-middle {
|
|
111
|
-
background: #a5d3f3;
|
|
112
|
-
color: white;
|
|
113
|
-
border-radius: 0;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.day.selected {
|
|
117
|
-
background: #a5d3f3;
|
|
118
|
-
color: white;
|
|
119
|
-
border-radius: 4px;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.day.in-range {
|
|
123
|
-
background: #a5d3f3;
|
|
124
|
-
color: white;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.selected-date {
|
|
128
|
-
color: white;
|
|
129
|
-
border-radius: 4px;
|
|
130
|
-
background: #a5d3f3;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.base {
|
|
134
|
-
background-color: white;
|
|
135
|
-
border-radius: 4px;
|
|
136
|
-
padding-bottom: 20px
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.calender-input{
|
|
140
|
-
padding: 20px;
|
|
141
|
-
padding-bottom: 0px;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.from {
|
|
145
|
-
display: flex;
|
|
146
|
-
justify-content: space-between;
|
|
147
|
-
gap: 20px;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.manual-input{
|
|
151
|
-
width:100%;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.manual-input-label{
|
|
155
|
-
font-size: 12px;
|
|
156
|
-
font-style: normal;
|
|
157
|
-
font-weight: 500;
|
|
158
|
-
margin-bottom: 10px;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.apply-button {
|
|
162
|
-
text-align: right;
|
|
163
|
-
display: block;
|
|
164
|
-
padding-top: 20px;
|
|
165
|
-
}
|
|
166
|
-
`;export{a as s};
|
|
4
|
+
`;export{o as s};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{query as r,customElement as i}from"lit/decorators.js";import{s}from"./nile-date-picker.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let l=class extends n{constructor(){super(...arguments),this.range=!1}static get styles(){return[s]}render(){return t`
|
|
2
2
|
<nile-dropdown .hoist="${!0}">
|
|
3
3
|
<slot
|
|
4
4
|
slot="trigger"
|
|
5
5
|
part="trigger"
|
|
6
6
|
name="trigger"
|
|
7
7
|
></slot>
|
|
8
|
-
|
|
9
|
-
<nile-calendar .value="${this.range}" .range="${this.range}" @nile-changed="${this.handleChanged}"> </nile-calendar>
|
|
8
|
+
<nile-calendar value="${this.value}" .range="${this.range}" @nile-changed="${this.handleChanged}"></nile-calendar>
|
|
10
9
|
</nile-dropdown>
|
|
11
|
-
`}
|
|
10
|
+
`}handleChanged(e){this.emit("nile-changed",e.detail),this.dropdown&&this.dropdown.hide()}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}};e([o({type:Boolean})],l.prototype,"range",void 0),e([o()],l.prototype,"value",void 0),e([r("nile-dropdown")],l.prototype,"dropdown",void 0),l=e([i("nile-date-picker")],l);export{l as N};
|
|
@@ -11,168 +11,6 @@ import { css } from 'lit-element';
|
|
|
11
11
|
export const styles = css `
|
|
12
12
|
:host {
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
.calendar-container {
|
|
16
|
-
font-family: Colfax-regular;
|
|
17
|
-
width: 365px;
|
|
18
|
-
height: auto;
|
|
19
|
-
text-align: center;
|
|
20
|
-
background: white;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.calendar-container.with-margin {
|
|
24
|
-
margin-right: 20px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.calendar-header {
|
|
28
|
-
display: flex;
|
|
29
|
-
justify-content: space-between;
|
|
30
|
-
padding: 10px;
|
|
31
|
-
padding: 22px 20px;
|
|
32
|
-
font-size: 14px;
|
|
33
|
-
font-weight: 600;
|
|
34
|
-
line-height: 14px;
|
|
35
|
-
letter-spacing: 0.2px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.divider {
|
|
39
|
-
width: 100%;
|
|
40
|
-
height: 1px;
|
|
41
|
-
background: #c7ced4;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.day-names {
|
|
45
|
-
font-size: 14px;
|
|
46
|
-
font-weight: 600;
|
|
47
|
-
line-height: 14px;
|
|
48
|
-
letter-spacing: 0.2px;
|
|
49
|
-
height: 50px;
|
|
50
|
-
margin-top: 10px;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.day-names,
|
|
54
|
-
.days {
|
|
55
|
-
display: flex;
|
|
56
|
-
flex-wrap: wrap;
|
|
57
|
-
justify-content: flex-start;
|
|
58
|
-
height: auto;
|
|
59
|
-
align-items: center;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.days {
|
|
63
|
-
height: auto;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.day {
|
|
67
|
-
flex-basis: calc(100% / 7);
|
|
68
|
-
box-sizing: border-box;
|
|
69
|
-
width: 48px;
|
|
70
|
-
align-items: center;
|
|
71
|
-
padding: 10px;
|
|
72
|
-
height: 32px;
|
|
73
|
-
margin-top: 6px;
|
|
74
|
-
margin-bottom: 6px;
|
|
75
|
-
display: flex;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
align-items: center;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.filler {
|
|
81
|
-
color: grey;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.selected-date {
|
|
85
|
-
color: white;
|
|
86
|
-
border-radius: 4px;
|
|
87
|
-
background: #a5d3f3;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
.calendar-wrapper {
|
|
93
|
-
background: white;
|
|
94
|
-
display: flex;
|
|
95
|
-
justify-content: space-between;
|
|
96
|
-
width: 730px;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.selected-date,
|
|
100
|
-
.range-start,
|
|
101
|
-
.range-end {
|
|
102
|
-
border-radius: 4px;
|
|
103
|
-
background: #a5d3f3;
|
|
104
|
-
color: white;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
.range-start {
|
|
109
|
-
background: #a5d3f3;
|
|
110
|
-
border-radius: 4px 0 0 4px;
|
|
111
|
-
color: white;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.range-end {
|
|
115
|
-
background: #a5d3f3;
|
|
116
|
-
border-radius: 0 4px 4px 0;
|
|
117
|
-
color: white;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.range-middle {
|
|
121
|
-
background: #a5d3f3;
|
|
122
|
-
color: white;
|
|
123
|
-
border-radius: 0;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.day.selected {
|
|
127
|
-
background: #a5d3f3;
|
|
128
|
-
color: white;
|
|
129
|
-
border-radius: 4px;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.day.in-range {
|
|
133
|
-
background: #a5d3f3;
|
|
134
|
-
color: white;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.selected-date {
|
|
138
|
-
color: white;
|
|
139
|
-
border-radius: 4px;
|
|
140
|
-
background: #a5d3f3;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.base {
|
|
144
|
-
background-color: white;
|
|
145
|
-
border-radius: 4px;
|
|
146
|
-
padding-bottom: 20px
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.calender-input{
|
|
150
|
-
padding: 20px;
|
|
151
|
-
padding-bottom: 0px;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.from {
|
|
155
|
-
display: flex;
|
|
156
|
-
justify-content: space-between;
|
|
157
|
-
gap: 20px;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.manual-input{
|
|
161
|
-
width:100%;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.manual-input-label{
|
|
165
|
-
font-size: 12px;
|
|
166
|
-
font-style: normal;
|
|
167
|
-
font-weight: 500;
|
|
168
|
-
margin-bottom: 10px;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.apply-button {
|
|
172
|
-
text-align: right;
|
|
173
|
-
display: block;
|
|
174
|
-
padding-top: 20px;
|
|
175
|
-
}
|
|
176
14
|
`;
|
|
177
15
|
export default [styles];
|
|
178
16
|
//# sourceMappingURL=nile-date-picker.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-date-picker.css.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nile-date-picker.css.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;CAGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n :host {\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -6,8 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { CSSResultArray, TemplateResult } from 'lit-element';
|
|
8
8
|
import NileElement from '../internal/nile-element';
|
|
9
|
-
import type { PropertyValues } from 'lit';
|
|
10
|
-
import '../nile-popup';
|
|
11
9
|
import { NileDropdown } from '../nile-dropdown';
|
|
12
10
|
/**
|
|
13
11
|
* Nile icon component.
|
|
@@ -21,31 +19,17 @@ export declare class NileDatePicker extends NileElement {
|
|
|
21
19
|
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
|
22
20
|
*/
|
|
23
21
|
static get styles(): CSSResultArray;
|
|
24
|
-
private currentMonth;
|
|
25
|
-
private currentYear;
|
|
26
|
-
dropdown: NileDropdown;
|
|
27
|
-
dropDownOpened: boolean;
|
|
28
|
-
value: any;
|
|
29
|
-
rangeValue: any;
|
|
30
|
-
valueAttribute: string | null;
|
|
31
|
-
formattedDate: string | null;
|
|
32
|
-
startDate: Date | null;
|
|
33
|
-
endDate: Date | null;
|
|
34
|
-
isSelectingStart: boolean;
|
|
35
22
|
range: boolean;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
static get observedAttributes(): string[];
|
|
39
|
-
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
40
|
-
initializeValue(): void;
|
|
41
|
-
handleChanged(event: any): void;
|
|
42
|
-
connectedCallback(): void;
|
|
43
|
-
disconnectedCallback(): void;
|
|
23
|
+
value: any;
|
|
24
|
+
dropdown: NileDropdown;
|
|
44
25
|
/**
|
|
45
26
|
* Render method
|
|
46
27
|
* @slot This is a slot test
|
|
47
28
|
*/
|
|
48
29
|
render(): TemplateResult;
|
|
30
|
+
handleChanged(event: any): void;
|
|
31
|
+
connectedCallback(): void;
|
|
32
|
+
disconnectedCallback(): void;
|
|
49
33
|
}
|
|
50
34
|
export default NileDatePicker;
|
|
51
35
|
declare global {
|