butcherman /
Tech_Bench
| @@ 2537-2602 (lines=66) @@ | ||
| 2534 | renderHtml: function () { |
|
| 2535 | return '<div id="' + this._id + '" class="' + this.classes + '"></div>'; |
|
| 2536 | }, |
|
| 2537 | postRender: function () { |
|
| 2538 | var self$$1 = this; |
|
| 2539 | var settings = self$$1.settings; |
|
| 2540 | var elm, box, parent$$1, name$$1, parentEventsRoot; |
|
| 2541 | self$$1.$el = global$9(self$$1.getEl()); |
|
| 2542 | self$$1.state.set('rendered', true); |
|
| 2543 | for (name$$1 in settings) { |
|
| 2544 | if (name$$1.indexOf('on') === 0) { |
|
| 2545 | self$$1.on(name$$1.substr(2), settings[name$$1]); |
|
| 2546 | } |
|
| 2547 | } |
|
| 2548 | if (self$$1._eventsRoot) { |
|
| 2549 | for (parent$$1 = self$$1.parent(); !parentEventsRoot && parent$$1; parent$$1 = parent$$1.parent()) { |
|
| 2550 | parentEventsRoot = parent$$1._eventsRoot; |
|
| 2551 | } |
|
| 2552 | if (parentEventsRoot) { |
|
| 2553 | for (name$$1 in parentEventsRoot._nativeEvents) { |
|
| 2554 | self$$1._nativeEvents[name$$1] = true; |
|
| 2555 | } |
|
| 2556 | } |
|
| 2557 | } |
|
| 2558 | bindPendingEvents(self$$1); |
|
| 2559 | if (settings.style) { |
|
| 2560 | elm = self$$1.getEl(); |
|
| 2561 | if (elm) { |
|
| 2562 | elm.setAttribute('style', settings.style); |
|
| 2563 | elm.style.cssText = settings.style; |
|
| 2564 | } |
|
| 2565 | } |
|
| 2566 | if (self$$1.settings.border) { |
|
| 2567 | box = self$$1.borderBox; |
|
| 2568 | self$$1.$el.css({ |
|
| 2569 | 'border-top-width': box.top, |
|
| 2570 | 'border-right-width': box.right, |
|
| 2571 | 'border-bottom-width': box.bottom, |
|
| 2572 | 'border-left-width': box.left |
|
| 2573 | }); |
|
| 2574 | } |
|
| 2575 | var root = self$$1.getRoot(); |
|
| 2576 | if (!root.controlIdLookup) { |
|
| 2577 | root.controlIdLookup = {}; |
|
| 2578 | } |
|
| 2579 | root.controlIdLookup[self$$1._id] = self$$1; |
|
| 2580 | for (var key in self$$1._aria) { |
|
| 2581 | self$$1.aria(key, self$$1._aria[key]); |
|
| 2582 | } |
|
| 2583 | if (self$$1.state.get('visible') === false) { |
|
| 2584 | self$$1.getEl().style.display = 'none'; |
|
| 2585 | } |
|
| 2586 | self$$1.bindStates(); |
|
| 2587 | self$$1.state.on('change:visible', function (e) { |
|
| 2588 | var state = e.value; |
|
| 2589 | var parentCtrl; |
|
| 2590 | if (self$$1.state.get('rendered')) { |
|
| 2591 | self$$1.getEl().style.display = state === false ? 'none' : ''; |
|
| 2592 | self$$1.getEl().getBoundingClientRect(); |
|
| 2593 | } |
|
| 2594 | parentCtrl = self$$1.parent(); |
|
| 2595 | if (parentCtrl) { |
|
| 2596 | parentCtrl._lastRect = null; |
|
| 2597 | } |
|
| 2598 | self$$1.fire(state ? 'show' : 'hide'); |
|
| 2599 | ReflowQueue.add(self$$1); |
|
| 2600 | }); |
|
| 2601 | self$$1.fire('postrender', {}, false); |
|
| 2602 | }, |
|
| 2603 | bindStates: function () { |
|
| 2604 | }, |
|
| 2605 | scrollIntoView: function (align) { |
|
| @@ 2028-2093 (lines=66) @@ | ||
| 2025 | renderHtml: function () { |
|
| 2026 | return '<div id="' + this._id + '" class="' + this.classes + '"></div>'; |
|
| 2027 | }, |
|
| 2028 | postRender: function () { |
|
| 2029 | var self$$1 = this; |
|
| 2030 | var settings = self$$1.settings; |
|
| 2031 | var elm, box, parent$$1, name$$1, parentEventsRoot; |
|
| 2032 | self$$1.$el = global$7(self$$1.getEl()); |
|
| 2033 | self$$1.state.set('rendered', true); |
|
| 2034 | for (name$$1 in settings) { |
|
| 2035 | if (name$$1.indexOf('on') === 0) { |
|
| 2036 | self$$1.on(name$$1.substr(2), settings[name$$1]); |
|
| 2037 | } |
|
| 2038 | } |
|
| 2039 | if (self$$1._eventsRoot) { |
|
| 2040 | for (parent$$1 = self$$1.parent(); !parentEventsRoot && parent$$1; parent$$1 = parent$$1.parent()) { |
|
| 2041 | parentEventsRoot = parent$$1._eventsRoot; |
|
| 2042 | } |
|
| 2043 | if (parentEventsRoot) { |
|
| 2044 | for (name$$1 in parentEventsRoot._nativeEvents) { |
|
| 2045 | self$$1._nativeEvents[name$$1] = true; |
|
| 2046 | } |
|
| 2047 | } |
|
| 2048 | } |
|
| 2049 | bindPendingEvents(self$$1); |
|
| 2050 | if (settings.style) { |
|
| 2051 | elm = self$$1.getEl(); |
|
| 2052 | if (elm) { |
|
| 2053 | elm.setAttribute('style', settings.style); |
|
| 2054 | elm.style.cssText = settings.style; |
|
| 2055 | } |
|
| 2056 | } |
|
| 2057 | if (self$$1.settings.border) { |
|
| 2058 | box = self$$1.borderBox; |
|
| 2059 | self$$1.$el.css({ |
|
| 2060 | 'border-top-width': box.top, |
|
| 2061 | 'border-right-width': box.right, |
|
| 2062 | 'border-bottom-width': box.bottom, |
|
| 2063 | 'border-left-width': box.left |
|
| 2064 | }); |
|
| 2065 | } |
|
| 2066 | var root = self$$1.getRoot(); |
|
| 2067 | if (!root.controlIdLookup) { |
|
| 2068 | root.controlIdLookup = {}; |
|
| 2069 | } |
|
| 2070 | root.controlIdLookup[self$$1._id] = self$$1; |
|
| 2071 | for (var key in self$$1._aria) { |
|
| 2072 | self$$1.aria(key, self$$1._aria[key]); |
|
| 2073 | } |
|
| 2074 | if (self$$1.state.get('visible') === false) { |
|
| 2075 | self$$1.getEl().style.display = 'none'; |
|
| 2076 | } |
|
| 2077 | self$$1.bindStates(); |
|
| 2078 | self$$1.state.on('change:visible', function (e) { |
|
| 2079 | var state = e.value; |
|
| 2080 | var parentCtrl; |
|
| 2081 | if (self$$1.state.get('rendered')) { |
|
| 2082 | self$$1.getEl().style.display = state === false ? 'none' : ''; |
|
| 2083 | self$$1.getEl().getBoundingClientRect(); |
|
| 2084 | } |
|
| 2085 | parentCtrl = self$$1.parent(); |
|
| 2086 | if (parentCtrl) { |
|
| 2087 | parentCtrl._lastRect = null; |
|
| 2088 | } |
|
| 2089 | self$$1.fire(state ? 'show' : 'hide'); |
|
| 2090 | ReflowQueue.add(self$$1); |
|
| 2091 | }); |
|
| 2092 | self$$1.fire('postrender', {}, false); |
|
| 2093 | }, |
|
| 2094 | bindStates: function () { |
|
| 2095 | }, |
|
| 2096 | scrollIntoView: function (align) { |
|
