@semantic-ui/component - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

package.json

src/create-component.js

		import { unsafeCSS } from 'lit';
		import { each, noop, isServer, kebabToCamel, proxyObject } from '@semantic-ui/utils';
		import { ReactiveVar } from '@semantic-ui/reactivity';
		import { TemplateCompiler, Template } from '@semantic-ui/templating';
		@@ -22,2 +23,3 @@

		state = {},
		events = {},
		@@ -98,2 +100,3 @@
		this.settings = this.createSettingsProxy({componentSpec, properties: webComponent.properties});
		this.state = this.createReactiveState(state);
		this.setDefaultSettings(settings);
		@@ -183,3 +186,3 @@ }
		...this.getContent({componentSpec}),
		plural
		...this.state,
		};
		@@ -192,2 +195,5 @@ if (!isServer) {
		}
		if(plural === true) {
		data.plural = true;
		}
		return data;
		@@ -194,0 +200,0 @@ }

src/web-component.js

		import { LitElement } from 'lit';
		import { each, isFunction, isNumber, isString, isPlainObject, keys, unique, isEqual, isServer, inArray, get, isBoolean, isArray } from '@semantic-ui/utils';
		import { $ } from '@semantic-ui/query';

		import { ReactiveVar } from '@semantic-ui/reactivity';
		import { scopeStyles } from './helpers/scope-styles.js';
		@@ -280,3 +280,24 @@


		/*******************************
		Reactive State
		*******************************/

		createReactiveState(state) {
		let reactiveState = {};
		each(state, (config, name) => {
		if(config?.value && config?.options) {
		// complex config { counter: { value: 0, options: { equalityFunction }}}
		reactiveState[name] = new ReactiveVar(config.value, config.options);
		}
		else {
		// simple config i.e. { counter: 0 }
		const initialValue = config;
		reactiveState[name] = new ReactiveVar(initialValue);
		}
		});
		return reactiveState;
		}

		/*******************************
		Settings / Template Data
		@@ -283,0 +304,0 @@ *******************************/

New alerts