Lines Matching refs:el
89 export function bindElement(vm: Vm, el: Element, template: TemplateInterface, parentElement: Elemen…
107 setStyle(vm, el, style);
112 if (el.isCustomComponent) {
126 setId(vm, el, template.id, vm);
127 setAttr(vm, el, template.attr);
128 setStyle(vm, el, template.style);
129 setIdStyle(vm, el, template.id);
130 setClass(vm, el, template.classList);
131 setTagStyle(vm, el, template.type, false, false, true);
132 setTagAndIdStyle(vm, el, template.type, template.id);
133 setUniversalStyle(vm, el);
134 applyStyle(vm, el);
136 bindEvents(vm, el, template.events);
137 bindEvents(vm, el, template.onBubbleEvents, '');
138 bindEvents(vm, el, template.onCaptureEvents, 'capture');
139 bindEvents(vm, el, template.catchBubbleEvents, 'catchbubble');
140 bindEvents(vm, el, template.catchCaptureEvents, 'catchcapture');
143 el.addEvent('hide');
375 export function setId(vm: Vm, el: Element, id: Function | string, target: Vm): void {
383 el: {
384 get: () => el || target._rootEl,
392 setElementId(el, newId);
397 setElementId(el, newId);
402 setElementId(el, id);
412 function setElementId(el: Element, id: string): void {
413 if (el) {
414 el.id = id;
424 export function setAttr(vm: Vm, el: Element, attr: Partial<AttrInterface>): void {
428 bindDir(vm, el, '$data', attr.$data);
430 bindDir(vm, el, 'data', attr.data);
433 bindDir(vm, el, 'attr', attr);
568 function setClassStyle(el: Element, css: object, classList: string[], vm?: Vm): void {
665 el.setClassStyle(classStyle);
666 el.classList = classList;
675 export function setClass(vm: Vm, el: Element, classList: Function | string[]): void {
680 el.setClassStyle({});
686 setClassStyle(el, style, v, vm);
688 setClassStyle(el, style, value, vm);
690 setClassStyle(el, style, classList, vm);
700 export function setIdStyle(vm: Vm, el: Element, id: Function | string): void {
705 doSetStyle(vm, el, selectIdStyle(css, v, vm), css, 'idStyle');
707 doSetStyle(vm, el, selectIdStyle(css, value, vm), css, 'idStyle');
709 doSetStyle(vm, el, selectIdStyle(css, id, vm), css, 'idStyle');
722 function doSetStyle(vm: Vm, el: Element, style: any, css: any, name: string, isFirst?: boolean, isL…
730 bindDir(vm, el, name, typeStyle, isFirst, isLast, isSetContent);
768 export function setTagStyle(vm: Vm, el: Element, tag: string, isFirst?: boolean, isLast?: boolean, …
775 doSetStyle(vm, el, selectStyle(css, tag, vm), css, tagStyle, isFirst, isLast, isSetContent);
779 export function setTagAndIdStyle(vm: Vm, el: Element, tag: string, id: Function | string): void {
783 doSetStyle(vm, el, selectTagAndIdStyle(css, tag, id, vm), css, 'tagAndIdStyle');
793 export function setUniversalStyle(vm: Vm, el: Element): void {
795 doSetStyle(vm, el, selectStyle(css, '*', vm), css, 'universalStyle');
804 function setStyle(vm: Vm, el: Element, style: any): void {
805 bindDir(vm, el, 'style', style);
815 function setEvent(vm: Vm, el: Element, type: string, handler: Function): void {
816 el.addEvent(type, handler.bind(vm));
825 function bindEvents(vm: Vm, el: Element, events: object, eventType?: string): void {
842 setEvent(vm, el, eventName, handler);
855 export function bindDir(vm: Vm, el: Element, name: string, data: object, isFirst?: boolean, isLast?…
865 let method = el[methodName];
868 for (const id in el.idStyle) {
869 el.idStyle[id] = '';
912 const newValue = setContent(vm, el, key);
914 method = el[methodName];
915 method.call(el, 'value', newValue);
921 const newValue = updateTagAndIdStyle(el, key, value);
923 method = el[methodName];
924 method.call(el, 'value', newValue);
927 method = el[methodName];
929 vm.$refs[value] = el;
936 method.call(el, key, value);
939 bindKey(vm, el, setValue, value);
953 function bindKey(vm: Vm, el: Element, setValue: Function, calc: Function): void {
961 differ.append('element', el.ref, handler);
966 el.watchers.push(watcher);
1020 function applyStyle(vm: Vm, el: Element): void {
1022 const allStyle = el.style;
1148 function setContent(vm: Vm, el: Element, key: string): string {
1161 contentValue = contentValue + getContentOpenQuote(el, key);
1164 contentValue = contentValue + getContentCloseQuote(el, key);
1167 contentValue = contentValue + getContentAttr(el, finallyItems[i].value);
1170 contentValue = contentValue + getCounter(vm, el, finallyItems[i].value);
1174 const oldValue = el.attr['value'];
1190 function getContentOpenQuote(el: Element, key: string): string {
1192 if (el.isOpen) {
1196 el.isOpen = true;
1199 el.hasBefore = true;
1204 function getContentCloseQuote(el: Element, key: string): string {
1206 if (el.isOpen) {
1211 if (el.isOpen && key === 'content::after') {
1212 el.hasAfter = true;
1217 function getContentAttr(el: Element, value: string): string {
1218 let contentValue = el.attr[value];
1225 function getCounter(vm: Vm, el: Element, key: string): string {
1235 function updateTagAndIdStyle(el: Element, key: string, value: string): string {
1238 let oldValue = el.attr['value'];
1243 if (el.hasBefore) {
1248 } else if (el.hasBefore && value === 'close-quote' && key === 'content::before') {
1249 el.hasBefore = false;
1257 if (el.hasBefore) {
1260 if (el.hasAfter) {
1264 } else if (value === 'close-quote' && key === 'content::after' && el.hasBefore) {
1266 if (el.hasAfter) {
1275 if (el.hasBefore) {
1280 if (el.hasAfter) {
1288 export function setAttributeStyle(vm: Vm, el: Element): void {
1307 const elValue = el.attr[attrId];
1310 bindDir(vm, el, 'attrStyle', css[newKey]);