loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

Ref: clean code

Browse source 
Ref: update examples
This commit is contained in:
Lorenzo Iovino 2019-05-06 10:21:16 +02:00
parent 43d4cf66f4
commit ca1576015d
6 changed files with 196 additions and 198 deletions
Download patch file Download diff file Expand all files Collapse all files

337
.idea/workspace.xml generated
View file

@ -4,19 +4,13 @@
<bookmark url="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html" line="0" />
</component>
<component name="ChangeListManager">
<list default="true" id="6d9e6998-eced-4f47-8fb4-3257db3e18e7" name="Default" comment="">
<list default="true" id="6d9e6998-eced-4f47-8fb4-3257db3e18e7" name="Default" comment="Ref: clean code">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
<change beforePath="$PROJECT_DIR$/dist/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/dist/README.md" afterDir="false" />
<change beforePath="$PROJECT_DIR$/examples/dev/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/package-lock.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/app.component.html" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/app.component.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/publishPackage.json" beforeDir="false" afterPath="$PROJECT_DIR$/publishPackage.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/distPackage.json" beforeDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
@ -89,54 +83,57 @@
<session id="-1436062187">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="5" />
<entry key="project.open.time.0" value="3" />
<entry key="project.closed" value="7" />
<entry key="project.open.time.0" value="4" />
<entry key="project.open.time.1" value="2" />
<entry key="project.open.time.8" value="1" />
<entry key="project.open.time.8" value="2" />
<entry key="project.open.time.9" value="1" />
<entry key="project.opened" value="7" />
<entry key="project.opened" value="9" />
</counts>
</usages-collector>
<usages-collector id="statistics.js.language.service.starts">
<counts>
<entry key="Angular2LanguageService" value="5" />
<entry key="Angular2LanguageService" value="7" />
<entry key="TypeScriptServerServiceImpl" value="1" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="html" value="87" />
<entry key="json" value="203" />
<entry key="css" value="14" />
<entry key="html" value="212" />
<entry key="json" value="205" />
<entry key="md" value="84" />
<entry key="ts" value="151" />
<entry key="ts" value="284" />
<entry key="txt" value="18" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="HTML" value="87" />
<entry key="JSON" value="203" />
<entry key="PLAIN_TEXT" value="84" />
<entry key="TypeScript" value="151" />
<entry key="CSS" value="14" />
<entry key="HTML" value="212" />
<entry key="JSON" value="205" />
<entry key="PLAIN_TEXT" value="102" />
<entry key="TypeScript" value="284" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="1" />
<entry key="html" value="2" />
<entry key="css" value="2" />
<entry key="html" value="4" />
<entry key="js" value="3" />
<entry key="json" value="11" />
<entry key="json" value="13" />
<entry key="md" value="4" />
<entry key="ts" value="5" />
<entry key="ts" value="9" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="1" />
<entry key="HTML" value="2" />
<entry key="JSON" value="11" />
<entry key="CSS" value="2" />
<entry key="HTML" value="4" />
<entry key="JSON" value="13" />
<entry key="JavaScript" value="3" />
<entry key="PLAIN_TEXT" value="4" />
<entry key="TypeScript" value="5" />
<entry key="TypeScript" value="9" />
</counts>
</usages-collector>
</session>
@ -144,10 +141,13 @@
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="375">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/README.md">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="425">
<caret line="25" column="15" lean-forward="true" selection-end-line="133" />
<state relative-caret-position="408">
<caret line="27" column="36" lean-forward="true" selection-end-line="131" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
@ -155,48 +155,55 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="629">
<caret line="37" column="38" selection-start-line="37" selection-start-column="38" selection-end-line="37" selection-end-column="38" />
<state relative-caret-position="68">
<caret line="4" column="41" lean-forward="true" selection-start-line="4" selection-start-column="41" selection-end-line="4" selection-end-column="41" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/dist/package.json">
<provider selected="true" editor-type-id="text-editor" />
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="459">
<caret line="27" column="31" selection-start-line="27" selection-start-column="31" selection-end-line="27" selection-end-column="31" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/dist/directives/ng2-fittext.directive.js">
<entry file="file://$PROJECT_DIR$/examples/dev/src/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="238">
<caret line="14" lean-forward="true" selection-start-line="14" selection-end-line="14" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="340">
<caret line="20" column="5" lean-forward="true" selection-start-line="20" selection-start-column="5" selection-end-line="20" selection-end-column="5" />
<folding>
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
<element signature="n#style#0;n#input#0;n#div#1;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/dist/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="483">
<caret line="107" column="61" lean-forward="true" selection-start-line="107" selection-start-column="61" selection-end-line="107" selection-end-column="61" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="289">
<caret line="17" column="39" selection-start-line="17" selection-start-column="39" selection-end-line="17" selection-end-column="39" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="544">
<caret line="32" column="46" selection-start-line="32" selection-start-column="46" selection-end-line="32" selection-end-column="46" />
<state relative-caret-position="1870">
<caret line="110" column="5" lean-forward="true" selection-start-line="110" selection-start-column="5" selection-end-line="110" selection-end-column="5" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
@ -205,13 +212,10 @@
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/ng2-fittext.module.ts">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="289">
<caret line="17" column="16" selection-start-line="17" selection-start-column="16" selection-end-line="17" selection-end-column="16" />
<folding>
<element signature="e#0#73#0" expanded="true" />
</folding>
<state relative-caret-position="85">
<caret line="5" column="36" lean-forward="true" selection-start-line="5" selection-start-column="36" selection-end-line="5" selection-end-column="36" />
</state>
</provider>
</entry>
@ -228,8 +232,8 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/publishPackage.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="34">
<caret line="2" column="19" selection-start-line="2" selection-start-column="19" selection-end-line="2" selection-end-column="19" />
<state relative-caret-position="374">
<caret line="22" column="17" lean-forward="true" selection-start-line="22" selection-start-column="17" selection-end-line="22" selection-end-column="17" />
</state>
</provider>
</entry>
@ -257,8 +261,11 @@
<find>tar</find>
<find>maxFontSize</find>
<find>useMax</find>
<find>use</find>
<find>useFont</find>
<find>use</find>
<find>useMA</find>
<find>console</find>
<find>this.maxFontSize</find>
</findStrings>
<replaceStrings>
<replace>Ngx</replace>
@ -286,13 +293,14 @@
<option value="$PROJECT_DIR$/src/ng2-fittext.module.ts" />
<option value="$PROJECT_DIR$/examples/dev/package.json" />
<option value="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" />
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.html" />
<option value="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" />
<option value="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" />
<option value="$PROJECT_DIR$/README.md" />
<option value="$PROJECT_DIR$/dist/README.md" />
<option value="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" />
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.html" />
<option value="$PROJECT_DIR$/package.json" />
<option value="$PROJECT_DIR$/publishPackage.json" />
<option value="$PROJECT_DIR$/dist/README.md" />
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.css" />
<option value="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" />
</list>
</option>
</component>
@ -325,7 +333,6 @@
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
@ -338,12 +345,6 @@
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
<item name="dist" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
<item name="dist" type="462c0819:PsiDirectoryNode" />
<item name="directives" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
@ -362,6 +363,14 @@
<item name="dev" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
<item name="examples" type="462c0819:PsiDirectoryNode" />
<item name="dev" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="app" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
@ -377,6 +386,7 @@
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
@ -389,7 +399,7 @@
<property name="nodejs_interpreter_path" value="C:/Program Files/nodejs/node" />
<property name="nodejs_package_manager_path" value="npm" />
<property name="settings.editor.selected.configurable" value="configurable.group.appearance" />
<property name="ts.external.directory.path" value="C:\Users\Lorenzo\work\ng2-fittext\examples\dev\node_modules\typescript\lib" />
<property name="ts.external.directory.path" value="C:\Users\Lorenzo\work\ng2-fittext\node_modules\typescript\lib" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
@ -409,7 +419,7 @@
</list>
</option>
</component>
<component name="RunManager" selected="npm.publish">
<component name="RunManager" selected="npm.start">
<configuration name="build" type="js.build_tools.npm" factoryName="npm" temporary="true" nameIsGenerated="true">
<package-json value="$PROJECT_DIR$/package.json" />
<command value="run" />
@ -440,13 +450,25 @@
<envs />
<method v="2" />
</configuration>
<configuration name="start" type="js.build_tools.npm" factoryName="npm" temporary="true" nameIsGenerated="true">
<package-json value="$PROJECT_DIR$/examples/dev/package.json" />
<command value="run" />
<scripts>
<script value="start" />
</scripts>
<node-interpreter value="project" />
<envs />
<method v="2" />
</configuration>
<list>
<item itemvalue="npm.build" />
<item itemvalue="npm.prepublish" />
<item itemvalue="npm.publish" />
<item itemvalue="npm.start" />
</list>
<recent_temporary>
<list>
<item itemvalue="npm.start" />
<item itemvalue="npm.publish" />
<item itemvalue="npm.prepublish" />
<item itemvalue="npm.build" />
@ -474,12 +496,14 @@
<workItem from="1549407784543" duration="212000" />
<workItem from="1549461075124" duration="28000" />
<workItem from="1556891010603" duration="1687000" />
<workItem from="1556894975082" duration="972000" />
<workItem from="1556894975082" duration="1273000" />
<workItem from="1556896924237" duration="1342000" />
<workItem from="1557129355293" duration="1483000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="13357000" />
<option name="totallyTimeSpent" value="16483000" />
</component>
<component name="ToolWindowManager">
<frame x="-1928" y="-8" width="1936" height="1176" extended-state="6" />
@ -491,7 +515,7 @@
<window_info id="Favorites" order="3" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" weight="0.32917467" />
<window_info anchor="bottom" id="Run" order="2" weight="0.24184261" />
<window_info anchor="bottom" id="Run" order="2" visible="true" weight="0.24184261" />
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
@ -577,9 +601,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/directives/ng2-fittext.directive.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="544">
@ -600,65 +621,44 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="459">
<caret line="27" column="31" selection-start-line="27" selection-start-column="31" selection-end-line="27" selection-end-column="31" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="255">
<caret line="15" selection-start-line="15" selection-end-line="15" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/index.html">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.module.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="170">
<caret line="10" column="12" selection-start-line="10" selection-start-column="12" selection-end-line="10" selection-end-column="12" />
<folding>
<element signature="e#0#58#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
<entry file="file://$PROJECT_DIR$/src/distPackage.json" />
<entry file="file://$PROJECT_DIR$/examples/dev/package-lock.json">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="102">
<caret line="6" selection-start-line="6" selection-end-line="6" />
<folding>
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
<element signature="n#style#0;n#input#0;n#div#1;n#!!top" expanded="true" />
</folding>
<state relative-caret-position="425">
<caret line="25" column="15" selection-end-line="133" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
<entry file="file://$PROJECT_DIR$/dist/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="544">
<caret line="32" column="46" selection-start-line="32" selection-start-column="46" selection-end-line="32" selection-end-column="46" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
<state relative-caret-position="306">
<caret line="18" column="21" selection-start-line="18" selection-start-column="21" selection-end-line="18" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/publishPackage.json">
<entry file="file://$PROJECT_DIR$/dist/directives/ng2-fittext.directive.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/dist/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="34">
<caret line="2" column="19" selection-start-line="2" selection-start-column="19" selection-end-line="2" selection-end-column="19" />
<state relative-caret-position="1989">
<caret line="117" column="30" selection-start-line="117" selection-start-column="30" selection-end-line="117" selection-end-column="30" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/ng2-fittext.module.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="289">
<state relative-caret-position="255">
<caret line="17" column="16" selection-start-line="17" selection-start-column="16" selection-end-line="17" selection-end-column="16" />
<folding>
<element signature="e#0#73#0" expanded="true" />
@ -673,50 +673,81 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/distPackage.json">
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="187">
<caret line="11" column="14" lean-forward="true" selection-start-line="11" selection-start-column="14" selection-end-line="11" selection-end-column="14" />
<state relative-caret-position="459">
<caret line="27" column="31" selection-start-line="27" selection-start-column="31" selection-end-line="27" selection-end-column="31" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/package-lock.json">
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="85">
<caret line="5" column="36" lean-forward="true" selection-start-line="5" selection-start-column="36" selection-end-line="5" selection-end-column="36" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/@angular/core/src/linker/element_ref.d.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="612">
<caret line="41" column="4" selection-start-line="41" selection-start-column="4" selection-end-line="41" selection-end-column="4" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="238">
<caret line="14" lean-forward="true" selection-start-line="14" selection-end-line="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="68">
<caret line="4" column="41" lean-forward="true" selection-start-line="4" selection-start-column="41" selection-end-line="4" selection-end-column="41" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/publishPackage.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="374">
<caret line="22" column="17" lean-forward="true" selection-start-line="22" selection-start-column="17" selection-end-line="22" selection-end-column="17" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="340">
<caret line="20" column="5" lean-forward="true" selection-start-line="20" selection-start-column="5" selection-end-line="20" selection-end-column="5" />
<folding>
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
<element signature="n#style#0;n#input#0;n#div#1;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="289">
<caret line="17" column="39" selection-start-line="17" selection-start-column="39" selection-end-line="17" selection-end-column="39" />
<state relative-caret-position="408">
<caret line="27" column="36" lean-forward="true" selection-end-line="131" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="629">
<caret line="37" column="38" selection-start-line="37" selection-start-column="38" selection-end-line="37" selection-end-column="38" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/dist/directives/ng2-fittext.directive.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/dist/package.json">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="425">
<caret line="25" column="15" lean-forward="true" selection-end-line="133" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/dist/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="483">
<caret line="107" column="61" lean-forward="true" selection-start-line="107" selection-start-column="61" selection-end-line="107" selection-end-column="61" />
<state relative-caret-position="1870">
<caret line="110" column="5" lean-forward="true" selection-start-line="110" selection-start-column="5" selection-end-line="110" selection-end-column="5" />
<folding>
<element signature="e#0#154#0" expanded="true" />
</folding>
</state>
</provider>
</entry>

11
examples/dev/src/app/app.component.html
View file

@ -1,4 +1,4 @@
<h2>Add text or remove text from div</h2>
<h2>Add text or remove text from div (max and min font size)</h2>
<div style="border: 2px solid; overflow:hidden; width:100%; height:300px; font-size:520px;">
<div [fittext]="true"
[modelToWatch]="title"
@ -7,8 +7,17 @@
[activateOnResize]="true">{{title}}</div>
</div>
<h2>Add text or remove text from div (no max and no min font size)</h2>
<div style="border: 2px solid; overflow:hidden; width:100%; height:300px; font-size:520px;">
<div [fittext]="true"
[modelToWatch]="title"
[activateOnResize]="true">{{title}}</div>
</div>
<button (click)="click('add')"> ADD text</button>
<button (click)="click('remove')"> REMOVE text</button>
<br/>
<br/>
<h2>Write text in input box (text fit inside without overflowing)</h2>

21
examples/dev/src/app/ng2-fittext.directive.ts
View file

@ -31,7 +31,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
setFontSize(fontSize: number) {
if (this.isVisible() && !this.done) {
if (fontSize < this.minFontSize) {
// force that font size will never be lower than minimal allowed font size
fontSize = this.minFontSize;
}
if(fontSize > this.maxFontSize){
@ -44,7 +43,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
}
calculateFontSize(fontSize: number, speed: number) {
// TODO Do with Gauss
return Math.floor(fontSize / speed);
}
@ -79,14 +77,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
ngOnInit() {
this.done = false;
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
}
if (this.fittext) {
this.setFontSize(this.maxFontSize);
}
this.el.nativeElement.style.setProperty('will-change', 'content');
this.ngAfterViewInit();
}
@ -103,13 +93,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.ngAfterViewInit();
}
} else {
if (this.fontSize > this.maxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
this.setFontSize(this.maxFontSize);
}
}
this.done = true;
}
}
@ -134,10 +117,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
}
}
private getComputetStyle(): CSSStyleDeclaration {
return window.getComputedStyle(this.container ? this.container : this.el.nativeElement.parentElement);
}
private getStartFontSizeFromHeight(): number {
return this.container ? this.container.clientHeight : this.el.nativeElement.parentElement.clientHeight;
}

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "ng2-fittext",
"version": "1.2.3",
"version": "1.2.4",
"description": "Ng2 Fittext, an Angular library",
"main": "./bundles/ng2-fittext.umd.js",
"module": "./ng2-fittext.es5.js",

2
publishPackage.json
View file

@ -1,6 +1,6 @@
{
"name": "ng2-fittext",
"version": "1.2.3",
"version": "1.2.4",
"description": "Ng2-fittext: An Angular2+ directive that change the font size until it fit the upper level container dimension.",
"main": "./bundles/ng2-fittext.umd.js",
"module": "./ng2-fittext.es5.js",

21
src/directives/ng2-fittext.directive.ts
View file

@ -31,7 +31,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
setFontSize(fontSize: number) {
if (this.isVisible() && !this.done) {
if (fontSize < this.minFontSize) {
// force that font size will never be lower than minimal allowed font size
fontSize = this.minFontSize;
}
if(fontSize > this.maxFontSize){
@ -44,7 +43,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
}
calculateFontSize(fontSize: number, speed: number) {
// TODO Do with Gauss
return Math.floor(fontSize / speed);
}
@ -79,14 +77,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
ngOnInit() {
this.done = false;
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
}
if (this.fittext) {
this.setFontSize(this.maxFontSize);
}
this.el.nativeElement.style.setProperty('will-change', 'content');
this.ngAfterViewInit();
}
@ -103,13 +93,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.ngAfterViewInit();
}
} else {
if (this.fontSize > this.maxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
this.setFontSize(this.maxFontSize);
}
}
this.done = true;
}
}
@ -134,10 +117,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
}
}
private getComputetStyle(): CSSStyleDeclaration {
return window.getComputedStyle(this.container ? this.container : this.el.nativeElement.parentElement);
}
private getStartFontSizeFromHeight(): number {
return this.container ? this.container.clientHeight : this.el.nativeElement.parentElement.clientHeight;
}